/* All mods shop form vertical - Review, move to new.css */

#shopping .form-group { margin-right: 0; margin-left: 0; }
#shopping .form-control-ages { width: 6em; display: inline; }
#shopping .phone {font-size:2em; font-weight:bold;}
#shopping select {padding-left:0;}

.shoptype .glyphicons {font-size:2em; padding-right:0;}
.shoptype a {font-size:0.8em;}

.nav-tabs { border-bottom: 1px solid #007286; }
.nav-tabs>li {padding:5px 0 0 0; width:33%; text-align:center; }
.nav-tabs>li:first-child {width:34%;}
.nav-tabs>li>a {color: #007286;cursor: pointer;background-color: #fff;border: 1px solid #ddd;border-bottom-color: #007286;}
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {color: #007286;background-color: #a5d3f5;border: 1px solid #ddd;border-bottom-color: #007286;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #fff;background-color: #007286;border: 1px solid #ddd;border-bottom-color: #007286;}
.nav-tabs>li>a { margin-right:1px;}
.nav>li>a { position: relative; display: block; /* padding: 10px 0; */}

.aoshow .fa, .aohide .fa {padding-left:0.5em;}


/* NEW TRAVELZOO BOOTSTRAP CODE */
html, body {font-family:'Oswald', sans-serif; font-size:18px; color:#333;}
html, body p {font-family:'Oswald', sans-serif; font-size:18px; color:#333;}
html, body a:hover {text-decoration:underline; background-color:transparent;}

td#content {font-size:16px; text-align:left;}
circolumn p {margin-top:0;}
#content h1 {width:100%;}
h1.new {color:#007286; font-size:2.8em; font-weight:bold; margin:1em 0 0 0; text-align:left; letter-spacing:-2px;}
h2.new {color:#007286; font-size:1.5em; font-weight:normal; margin:.25em 0 .83em 0; text-align:left; letter-spacing:-1px;}
h3.new {color:#007286; font-size:1.25em; font-weight:bold;}

.dma-hdr {margin-bottom:0; margin-top:0;}
ul.funnel-nav {list-style-type:none; display:block;}
li.funnel-tag {display:inline-block; float:left; font-size:2em; color:#007286; letter-spacing:-1px;}
li.funnel-destinations {display:inline-block; float:left; line-height:1.05; padding-top:6px;}
li.funnel-destinations a{color:#007286;}
.funnel-link {padding:0 .25em; font-size:.8em;}
span.glyphicon.glyphicon-menu-right {top: 3px;}

.top-banner {margin-top:0;}

.descriptive-headline {font-size:1em; font-weight:bold; margin-bottom:0;}
.descriptive-text {margin-bottom:1em;}
ul.descriptive-list {list-style-type: square; list-style-position:inside; font-size:.8em; margin-bottom:1em;}
.descriptive-table {font-family:'Oswald', sans-serif; width:100%;}
.descriptive-table td {font-size:1em; padding:.25em; vertical-align:top;}

p.section-headline  {color:#e8165c; font-size:2.5em; font-weight:700; width:100%; margin-bottom:0; text-transform:uppercase;}
.callout-text {font-size:1.2em; text-transform:capitalize;}
.red {color:#9c0108; font-weight:bold;}
.blue {color:#007286; font-weight:bold;}

.blue-bar p {color:#fff; font-size:1em; background-color:#007286; width:100%; padding:.5em}
.grey-bar p {color:#646464; font-size:2em; background-color:#dddddd; width:100%; padding:.25em .5em; margin-bottom:0;}

.book-by {font-size:.8em; display:block; text-align:right; margin-bottom:.5em;}
.nat-link {color:#333; font-size:1em;}
.nat-link a{color:#e8165c; font-size:1em; font-weight:bold;}
.nat-link a:hover {text-decoration:underline;}
.tb-logo>tbody>tr>td, .tb-logo>tbody>tr>th {border:none;}
hr {color:#646464; margin-top: 1em; margin-bottom:2em;}


/* NAT PAGE LISTS */
.dma {padding:0; text-align:right; letter-spacing:-1px;}
.dma a{color:#333;}
.dma a:hover{background-color:transparent; text-decoration:none;}
.dma sup {font-size:1.5em; vertical-align:baseline; position:relative;}
.dma-box {padding:0;}
.dma-box:hover {color:#fff; background:rgba(0,114,134,0.1);}
.dma-box:hover a{color:#007286; }
.dma-box:hover sup{color:#007286;}
.dma-name {display:block; font-size:1.25em; text-transform:uppercase; line-height:2.25em; font-weight:bold;}
.dma-air {display:block; font-size:.85em; line-height:.5em; margin-top:-.75em;}
.dma-price {font-size:2.25em; letter-spacing:-2px;}

.go-btn {float:right; vertical-align:text-bottom; margin:.85em 0 0 .25em;}
.column-header {color:#007286; font-size:1em; font-weight:bold; text-transform:uppercase; text-align:right; border-bottom:solid 1px #007286; margin:1em 0 0 0; padding:0;}


/* HOTEL BOXES */
.hotel-box {margin-bottom:3em;}
.hotel-name a {text-decoration:none; cursor:pointer;}
.hotel-sub {font-size:.8em;}

.hotel-image {background-color:#ddd;}
.hotel-image a {cursor:pointer;}
.hotel-popup {height:2em; width:2em; float:right; margin-right:.75em; margin-top:-2.75em; padding:0; position:relative; opacity: 0.7; filter: alpha(opacity=7);}
.hotel-popup:hover {opacity: 1; filter: alpha(opacity=100);}
.hotel-popup a {color:#fff; cursor:pointer;}

.hotel-info {background-color:#646464; padding:.5em .75em .25em .5em; overflow:hidden;} 
.hotel-stars {color:#fff; display:block; float:right; margin-right:0;}
.hotel-blurb {color:#fff; font-size:.8em; letter-spacing:.5px;}

ul.blurb-list {display:block;}
ul.blurb-list li{display:inline-block; margin-right:.75em; vertical-align:top;}
ul.blurb-list li > span.glyphicons.glyphicons-star, span.glyphicons.glyphicons-star-half, span.glyphicons.glyphicons-star-empty {font-size:1em;}

.pricing-container {padding:1em 0;}
.pricing-container p {padding:0 10px; margin:0}
.hotel-package {background-color:#ddd; margin:0; padding:0 0 .75em 0; display:-webkit-box; display:-moz-box; display: -ms-flexbox; display:-webkit-flex; display:flex;}
.charter {background-color:#eee;}
.sked {background-color:#ddd;}
.hotel-pricing {flex:1 1 auto; display:flex; position:relative;}
.hotel-flex {flex:1 0 100%;}
.hotel-align {position:absolute; bottom:0;}

.callout-schedule {margin-top: 1em;}/*padding-left:1em;*/
.schedule-headline {color:#e8165c; font-size:1.2em;}
.schedule-copy {color:#e8165c; font-size:.75em;}
.schedule-rdp {color:#e8165c; font-size:.75em; margin-bottom:1em;} 
p.schedule-rdp {color:#e8165c; font-size:.75em; margin-bottom:1em;} 

.hotel-dates{font-size:.9em; margin-left:1.25em; font-weight:400;}
.hotel-dates a {color:#0000ed; font-weight:400;}
.hotel-nights {font-weight:600;}
.hotel-lead, .hotel-addon {font-weight:bold;}
.hotel-price {color:#0000ed; font-size:2em; margin-bottom:.25em; letter-spacing:-1px;}
.upsell-price {margin-left:38px;}
.package-price {}

i.fa.fa-info-circle {font-size:2em; padding:0; margin:0; background-color:#646464; border-right:3px solid #646464; border-left:3px solid #646464; border-top:2px solid #646464; border-radius:20px; position:relative;}
i.fa.fa-info-circle:hover {color:#646464; background-color:#fff; border-right:3px solid #fff; border-left:3px solid #fff; border-top:2px solid #fff;}
i.fa.fa-plane {font-size:1.25em; margin-left:-1.75em; margin-right:.25em;} 	/* travel dates icon */
i.fa.fa-bed {font-size:1em; margin-left:-2.2em; margin-right:.25em;} 		/* package nights icon */
i.fa.fa-suitcase {font-size:1.25em; margin-left:-.75em; margin-right:.25em;} /* air only icon */

i.fa.fa-gift {font-size:1.5em; padding-left:0;} 				/* resort credit */
i.fa.fa-anchor {font-size:1.25em; padding-left:0;} 				/* water tours */
i.fa.fa-bookmark {font-size:1.5em; padding-left:0;} 			/* misc */
i.fa.fa-camera {font-size:1.2em; padding-left:0;} 				/* land tours */
i.fa.fa-car {font-size:1em; padding-left:0;} 					/* car rental */
i.fa.fa-child {font-size:1.25em; padding-left:0;} 				/* kids free */
i.fa.fa-binoculars {font-size:1.2em; padding-left:0;} 			/* sightseeing */
i.fa.fa-cutlery {font-size:1.25em; padding-left:0;} 			/* restaurants */
i.fa.fa-diamond {font-size:1.25em; padding-left:0;} 			/* weddings */
i.fa.fa-flash {font-size:1.5em; padding-left:.25em;} 			/* amazing rates */
i.fa.fa-glass {font-size:1.2em; padding-left:0;} 				/* drinks */
i.fa.fa-heart {font-size:1.2em; padding-left:0;} 				/* adults only */
i.fa.fa-shopping-bag {font-size:1.25em; padding-left:0;} 		/* shopping */
i.fa.fa-ticket {font-size:1.25em; padding-left:0;} 				/* freebies */

.fa-stack {margin-left:-.35em;}									/* family [span class, includes all 3 below with 'fa-stack-1x'] */
i.fa.fa-male {font-size:1.25em; padding-left:0; left: -4px; width:80%;}	
i.fa.fa-male.male-small {font-size:.85em; padding-left:0; left: 4px; top: 3px; width:80%;}
i.fa.fa-female {font-size:1.1em; padding-left:0; left: 12px; top: 2px; width:80%;}

.glyphicons {padding-top:.2em;}
.glyphicons-star {vertical-align:baseline; margin-right:-.2em; font-size:.8em;}
.glyphicons-star-half {vertical-align:baseline; margin-right:-.2em; font-size:.8em;}
.glyphicons-star-empty {vertical-align:baseline; margin-right:-.2em; font-size:.8em;}




.crossell-button {width:100%; height:auto; background-color:#e8165c; padding:1em; margin:2em auto; text-align:center;}
.crossell-button:hover {outline:solid 1px #e8165c; background-color:#fff; }
a.btn.btn-default.crossell-button {color:#fff; font-size:1.25em; text-transform:uppercase;}
a.btn.btn-default.crossell-button {width:100%; background-color:#e8165c; padding:.75em; border-radius:0; border:none; outline:solid 1px #e8165c; white-space:normal;}
a.btn.btn-default.crossell-button:hover {color:#e8165c; background-color:#fff; outline:solid 1px #e8165c;}



/* TRENDING CROSSELL */
.bottom-funnel {padding:1em 0;}
ul.trending-locations {display:inline-block; width:100%;}
li.location-beach {display:block; width:16.5%; float:left;}

.trending-button {background-color:#fff; padding:0; border-radius:0; border:none; width:100%;}
.trending-button:hover {color:#2f9eb1; background-color:#fff; border-radius:0; border:none;}

.trending-button span.beach-code{display:block; font-size:2em; margin:0 auto .35em auto; padding:.2em; color:#007286; text-align:center; outline:solid 1px #007286; width:100px;}			
.trending-button span.beach-name {text-align:center; color:#007286; font-size:1.5em;}

.trending-button:hover>span.beach-code {color:#fff; background-color:rgba(47, 158, 177, 0.65); outline:solid 1px #2f9eb1;}		
.trending-button:hover>span.beach-name {color:rgba(47, 158, 177, 0.65);}


/* MISC */
#disclaimer {display:block; background-color:#ddd; padding:1em}
#disclaimer p {font-size:.6em; font-weight:normal; text-align:justify; color:#646464;}
.three-days {font-weight:600; letter-spacing:.25px;}
.tb-logo>tbody>tr>td, .tb-logo>tbody>tr>th {border:none;}

.cd-top {color: #FFF !important; display: inline-block; font-size: 14px; height: 5em; width: 5em; position: fixed; bottom: 40px; right: 20px; overflow: hidden; background: #007286; visibility: hidden; opacity: 0; padding: .5em; text-align: center; text-decoration: none; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; line-height:1em;}
.cd-top .fa {font-size: 24px; margin-bottom: 3px; padding-left:0;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{-webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {opacity: .5;}
.cd-top.cd-fade-out {visibility: visible; opacity: 1;}
.cd-top:hover { background: #e8165c;  color: #FFF;}
.no-touch .cd-top:hover {background-color: #e8165c; opacity: 1;}





