/* GENERAL STYLES */
body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 1.125em;
}

/* GENERAL STYLES */
h1 {font-size: 24px;}
h2 {
	font-size:20px;  
	margin-top:10px;
	padding-bottom:5px;
	}

h3 {}
h4 {}
h5 {}
p {}
ul, ol {}
ul li, ol li {}

img  {}

.padding-top-10 {padding-top: 10px;}
.padding-bot-10 {padding-bottom: 10px;}
.padding-top-15 {padding-top: 15px;}
.padding-bot-15 {padding-bottom: 15px;}

.brand {padding-top: 15px;}
#social {padding-top: 15px;}
#social > div {padding:0 8px;}
#social .contact-img {text-align: right;}
#social .contact-details {text-align: left;}
#social h3 {margin-top:0;}
#social ul {list-style:none; padding:0;}
#social ul li {display:inline;}
#social ul li a {margin-right:5px;}

/* ICONS */
.phone {
	text-align: center;
	padding: 15px 10px;
	margin-top: 15px;	
}

.phone a {
	text-align: center;
	margin-bottom: 10px;
	color: #FFF;
	font-size: 22px;
}

.phone a::after {
	content: " »";
}

.phone span {font-weight:bold;}

.content {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-top:15px;
	margin-bottom: 10px;
}

/* SLIDESHOW */
.carousel-control.left, .carousel-control.right {background-image:none;}
.carousel-control .glyphicon-chevron-right {right: 10%;}
.carousel-control .glyphicon-chevron-left {left: 10%;}

/* WIDGETS */
.widget-content {}
.widget-content iframe, .sidebar-widget iframe {
	height:325px;
	text-align: left;
	margin: 0;
	padding: 0;
}

.sidebar-widget {
	width: auto; 
	padding:0;
}

h1.dwPageTitle {margin-top:0;}
h1.dwPageTitle, span.dwPageTitle {font-size:16px; font-weight:bold; padding-top:10px; display:block; text-align:center;}


/* COLUMNS */
.left-column {
	margin-top: 15px;
	margin-bottom: 10px;
}

.right-column {
	margin-top: 15px;
	margin-bottom: 10px;
}

.right-column h3 {	
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 5px 0;
}

.destinations, .cruisedeals {
	padding:0;
	margin-bottom: 5px;
}

.info-column {padding-right: 20px; padding-bottom:10px;}
.info-column h1 {font-weight: bold;}

/*BANNERS */
.sideBannerCruise, .sideBannerDest {
	padding:0;
	margin:0;
	display: inline-block;
	position: relative;
}

.sideBannerCruise a, .sideBannerDest a {
	text-align:center;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
	padding:5px;
	width:100%;
}

.sideBannerCruise {
	background-image: url(../images/banners/cruiselinesBanner.jpg);
	background-repeat: no-repeat;
}

.sideBannerDest {
	background-image: url(../images/banners/destinationsBanner.jpg);
	background-repeat: no-repeat;
}


/* BUTTONS */
.newsletter {
	padding:5px 0;
	margin:15px 0 0 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.newsletter:hover {}

.readMore {
	display:block; 
	text-align:center; 
	text-decoration:underline;
}
.readMore:hover {}

.affiliateInfo {margin:0;}

/* THUMBNAILS */
.thumbnail {
	text-align:center;
    border: 1px solid #999;
    border-radius: 0;
    padding: 0;
	margin-bottom: 10px;
}

.thumbnail img {
	margin-top: 10px;
}

.thumbnail h4{
	font-size: 12px; 
	font-weight: bold;
	padding:0;
	margin: 0;
}

.thumbnail p {
	padding:0;
	margin: 0;
	font-size: 12px;
}

.thumbnail p.price {
	padding:0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.thumbnail p.price span {
	font-size: 11px;
	font-weight: normal;
}

.thumbnail .detailBtn {
	width:100%;
	padding:3px 5px;
	font-weight: bold;
	margin: 0;
}

.thumbnail a:hover {text-decoration:none;}

/* ACCORDIONS */
.panel {background:none !important;}
.panel-default {border-color:transparent; box-shadow:none !important;}
.panel-body {padding: 0 !important;}
.panel-group .panel-heading + .panel-collapse > .list-group, 
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}


/* CRUISE DEALS */
.cruiseDeal {background:#FFF; border:1px solid #CCC; padding:5px 0; margin:0 0 5px;}

.cruiseDeal img {padding-top: 10px;}

.cruiseDeal .price {
	font-weight: bold;
	padding:0;
	margin: 0;
	text-align: right;
}

.cruiseDeal .price span {
	font-size: 12px;
	font-weight: normal;
} 

.cruiseDeal .bookBtn {
	padding: 0; 
	margin:0; 
	text-align: right;
}

.cruiseDeal .btn {
	font-size:14px;
	font-weight: bold;	
} 

.cruiseDeal h4 {
	font-weight: bold;
	font-size:12px;
} 

.cruiseDeal span {font-size:12px;} 

.cruiseDeal ul {
	font-size:12px;
	padding-left: 10px;
	padding-top: 5px;
	color: #e58304;
} 

/* PAGINATION */
.pager {margin-top:10px;}

.pager li > a,
.pager li > span {
  	background: none;
  	border: 1px solid transparent;
	font-weight: bold;
	padding: 0;
}

.pager li > a:hover,
.pager li > a:focus {color: #16376c; background:none;}

/* SLIDER (JSCROLLER) */
.slider {margin-bottom:15px;}

/* VENDORS AND DESTINATION PAGES */
.cruise-ships {
	padding: 0; 
	margin: 20px 0 10px; 
	text-align:center;
	overflow-y: scroll; 
}

.cruise-ships h2 {
	padding-bottom:5px; 
	margin:0 5px 10px; 
}

/* FOOTER */
footer {margin:10px 0;}
.copyright {text-align:center;}


/* MEDIA QUERIES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Mobile Portrait */
@media (min-width: 320px) {	
	#social h3 {font-size: 15px;}
	#social ul li a {
		font-size: 30px; 
		line-height: 40px;
	}
	.phone span {font-size:22px;}
	.widget-content {padding-left:0;}
	.widget-content iframe {width:100%;}	
	
	/* Vendors Page */
	.sidebar-widget iframe {width:270px;}	
}

@media (max-width: 479px) {	
	.sideBannerCruise, .sideBannerDest {
		width:100%; 
		max-width:240px; 
		height: 125px;
		margin-left: 15px;
		margin-bottom: 10px;
	}
	.sideBannerCruise a, .sideBannerDest a {top:100px;}		
	.destinations .col-xs-6 {
		padding-left:5px;
		padding-right:5px;
	}
	.thumbnail h4 {font-size: 12px; height: 30px;}
	.thumbnail img {margin-top: 0;}
	.thumbnail p.price {font-size: 14px;}
	.thumbnail .detailBtn {font-size: 12px;}	
	.cruiseDeal .img-responsive {width:70%;}	
}


/* Mobile Landscape */
@media (min-width: 480px) {
	#social h3 {font-size: 16px;}
	#social ul li a {
		font-size: 30px; 
		line-height: 40px;
	}
	.phone {font-size:20px;}
	.phone span {font-size:26px;}
	.widget-content {padding-left:10px;}
	.widget-content iframe {width:100%;}
	
	/* Vendors Page */
	.sidebar-widget iframe {width:430px;}
}

@media (min-width: 480px) and (max-width: 599px) {
	.sideBannerCruise, .sideBannerDest {
		width:48%; 
		margin-bottom:40px; 
		height: 80px;
	}
	.sideBannerCruise a, .sideBannerDest a {top: 80px;}
	.sideBannerCruise {margin-right: 15px;}
}

@media (max-width: 599px) {	
	.brand {
		display: inline; 
		text-align: center; 
		padding-top:5px; 
		margin-bottom:10px;
	}
	.brand .img-responsive {display: inline;}
	#social .contact-img .img-responsive {display: inline;}		
	.destinations h3 {display:none;}
	.cruisedeals h3 {display:none;}
	.accordion-menu span {margin-left:10px; font-size:12px;}			
	.panel-group {margin-bottom:10px;} 	
	.panel-default > .panel-heading {		
		border-color: transparent !important;
		text-transform: uppercase;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		padding: 0 !important;
	}		
	.panel-default > .panel-heading  a {
		color: #FFF !important; 
		text-decoration: none !important; 
		text-align:center;
	}	
	.panel-default > .panel-heading h4.panel-title {font-size: 14px !important; padding:10px;}	
	.panel-default > .panel-heading h4.panel-title span {margin-left:10px; font-size:12px;}		
	.panel-body {padding: 10px 0 0 !important;}	
	.cruiseDeal .img-responsive {text-align: center; margin:0 auto;}
	.cruiseDeal h4 {margin-bottom: 0; padding-bottom: 0;}
	.cruiseDeal .price {margin-top: 10px; font-size: 16px; text-align:center;}
	.cruiseDeal .bookBtn {margin-top: 10px; text-align:center;}
	
	/* Vendors Page */
	.cruise-ships {max-height: 215px;}	
}


/* Small Tablet */
@media (min-width: 600px) and (max-width: 767px) {	
	.hidden-xs600 {
    	display: none !important;
  	}
	
	.col-xs600-1, .col-xs600-2, .col-xs600-3, .col-xs600-4, .col-xs600-5, .col-xs600-6, .col-xs600-7, 
	.col-xs600-8, .col-xs600-9, .col-xs600-10, .col-xs600-11, .col-xs600-12 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.col-xs600-1, .col-xs600-2, .col-xs600-3, .col-xs600-4, .col-xs600-5, .col-xs600-6, .col-xs600-7, 
	.col-xs600-8, .col-xs600-9, .col-xs600-10, .col-xs600-11, .col-xs600-12 {
	  float: left;
	}
	.col-xs600-12 {width: 100%;}
	.col-xs600-11 {width: 91.66666667%;}
	.col-xs600-10 {width: 83.33333333%;}
	.col-xs600-9 {width: 75%;}
	.col-xs600-8 {width: 66.66666667%;}
	.col-xs600-7 {width: 58.33333333%;}
	.col-xs600-6 {width: 50%;}
	.col-xs600-5 {width: 41.66666667%;}
	.col-xs600-4 {width: 33.33333333%;}
	.col-xs600-3 {width: 25%;}
	.col-xs600-2 {width: 16.66666667%;}
	.col-xs600-1 {width: 8.33333333%;}
	
	.col-xs600-pull-12 {right: 100%;}
	.col-xs600-pull-11 {right: 91.66666667%;}
	.col-xs600-pull-10 {right: 83.33333333%;}
	.col-xs600-pull-9 {right: 75%;}
	.col-xs600-pull-8 {right: 66.66666667%;}
	.col-xs600-pull-7 {right: 58.33333333%;}
	.col-xs600-pull-6 {right: 50%;}
	.col-xs600-pull-5 {right: 41.66666667%;}
	.col-xs600-pull-4 {right: 33.33333333%;}
	.col-xs600-pull-3 {right: 25%;}
	.col-xs600-pull-2 {right: 16.66666667%;}
	.col-xs600-pull-1 {right: 8.33333333%;}
	.col-xs600-pull-0 {right: auto;}
	
	.col-xs600-push-12 {left: 100%;}
	.col-xs600-push-11 {left: 91.66666667%;}
	.col-xs600-push-10 {left: 83.33333333%;}
	.col-xs600-push-9 {left: 75%;}
	.col-xs600-push-8 {left: 66.66666667%;}
	.col-xs600-push-7 {left: 58.33333333%;}
	.col-xs600-push-6 {left: 50%;}
	.col-xs600-push-5 {left: 41.66666667%;}
	.col-xs600-push-4 {left: 33.33333333%;}
	.col-xs600-push-3 {left: 25%;}
	.col-xs600-push-2 {left: 16.66666667%;}
	.col-xs600-push-1 {left: 8.33333333%;}
	.col-xs600-push-0 {left: auto;}
	
	.col-xs600-offset-12 {margin-left: 100%;}
	.col-xs600-offset-11 {margin-left: 91.66666667%;}
	.col-xs600-offset-10 {margin-left: 83.33333333%;}
	.col-xs600-offset-9 {margin-left: 75%;}
	.col-xs600-offset-8 {margin-left: 66.66666667%;}
	.col-xs600-offset-7 {margin-left: 58.33333333%;}
	.col-xs600-offset-6 {margin-left: 50%;}
	.col-xs600-offset-5 {margin-left: 41.66666667%;}
	.col-xs600-offset-4 {margin-left: 33.33333333%;}
	.col-xs600-offset-3 {margin-left: 25%;}
	.col-xs600-offset-2 {margin-left: 16.66666667%;}
	.col-xs600-offset-1 {margin-left: 8.33333333%;}
	.col-xs600-offset-0 {margin-left: 0;}

	#social h3 {font-size: 14px;}
	#social ul li a {font-size: 24px; line-height: 40px;}
	.widget-content {height: 360px;}
	.widget-content iframe {width:200px; margin: 15px 0 0;}	
	.sideBannerCruise, .sideBannerDest {width:48%; height: 110px; margin-bottom: 12px;}	
	.sideBannerDest {margin-left: 10px;}	
	.sideBannerCruise a, .sideBannerDest a {
		top:85px; 
		left: 0;
		font-size: 12px; 
		font-weight: normal;
	}		
	.destinations .col-xs-6 {
		padding-left:5px;
		padding-right:5px;
	}
	.thumbnail h4 {font-size: 12px; height:30px;}
	.thumbnail .detailBtn {font-size: 12px;}	
	.cruiseDeal h4 {margin-bottom: 0; padding-bottom: 0;}
	.cruiseDeal .bookBtn {margin-top: 5px;}
	
	/* Vendors Page */
	.sidebar-widget iframe {width:205px;}	
	.cruise-ships {max-height: 320px; margin-top:5px;}	
	.cruise-ships h2 {font-size: 16px;}
}


@media (min-width: 600px) {	
	.thumbnail img {margin-top: 0;}	
	.panel-default > .panel-heading {display: none;}
	.panel-group {margin-bottom:10px;}		
}

@media (max-width: 767px) {
	.xs-padding-top-10 {padding-top: 10px;}
	.xs-padding-bot-10 {padding-bottom: 10px;}
	.xs-padding-top-15 {padding-top: 15px;}
	.xs-padding-bot-15 {padding-bottom: 15px;}
	
	p {font-size:12px;}	
	.small-view {
		padding-left: 25px;
		padding-right: 25px;
	}	
	.widget {margin-top:15px;}
	.widget-content {margin-top: 5px;}	
	
	/* Vendors Page */
	.sidebar-widget {margin-top:5px;}
	.info-column {margin-top: 10px;}		
}

/* Tablet Portrait */
@media (min-width: 768px) {
	p {font-size:14px;}
	#social h3 {font-size: 16px;}
	#social ul li a {
		font-size: 30px; 
		line-height: 50px;}
	.phone span {font-size:32px;}		
	.widget {margin-top:15px;}
	.widget-content {
		height:400px; 
		padding-left:5px;
	}
	.widget-content iframe {width:280px; margin: 15px 0 0;}		
	.sideBannerCruise, .sideBannerDest {
		width:48%; 
		margin-bottom:40px; 
		height: 80px;
	}
	.sideBannerCruise a, .sideBannerDest a {top: 80px;}
	.sideBannerCruise {margin-right: 15px;}
	.destinations .col-sm-3 {
		padding-left:5px;
		padding-right:5px;
	}
	.thumbnail img {margin-top: 5px;}
	.thumbnail h4 {font-size: 13px; height:30px;}
	.thumbnail .detailBtn {font-size: 12px;}	
	.cruiseDeal h4 {display: inline;} 	
	.cruiseDeal span {display: inline;}		
	.cruiseDeal .price {font-size: 16px;}
	.cruiseDeal .bookBtn {margin-top: 5px;}	
	
	/* Vendors Page */
	.sidebar-widget iframe {width:285px;}
	.cruise-ships {max-height: 500px;}
	.cruise-ships h2 {font-size: 18px;}	
}

@media (min-width: 992px) and (max-width: 1023px) {	
	.carousel-inner > .item > a > img, .carousel-inner > .item > img {
  		width: 940px;
	}
	#social h3 { font-size: 14px; }
	#social ul li a { font-size: 24px; line-height: 40px; }
}

@media (max-width: 1023px) {
	.right-column {margin-top: 5px;}
	.criteo-ad {display: none !important;}
}


/* Tablet Landscape */
@media (min-width: 1024px) {
	#social h3 {font-size: 15px;}
	#social ul li a { font-size: 24px; line-height: 40px; }
	
	/* Vendors Page */
	.sidebar-widget iframe {width:250px;}	
	.cruise-ships {max-height: 400px;}	
	
	.small-view {
		/* float: left;*/
		margin-left:auto;
		 width: 800px !important;
	}
	
	.criteo-ad {
		display: none;
        /* position: fixed;
		background-color: transparent; 
		width: 160px;
		height: 600px;
        top: 110px;
        right: 10px;
        z-index: 1;
		*/
	}
	
}

/* Desktop AND Large Screens */
@media (min-width: 1200px) {
	#social h3 {font-size: 16px;}
	#social ul li a {font-size: 40px; line-height: 50px;}
	.phone {font-size:26px;}
	.slideshow {padding-right:0;}
	.widget {padding-left: 0; margin-top:0;}
	.widget-content {height:335px; margin-bottom:1px; padding-left:0; text-align:center;}	
	.widget-content iframe {margin: 15px 10px 0; width:300px;}
	.sideBannerCruise {margin-left:10px; margin-bottom: 5px;}
	.sideBannerDest {margin:10px;}	
	.sideBannerCruise, .sideBannerDest {width:100%; max-width: 240px; height: 125px;}	
	.sideBannerCruise a, .sideBannerDest a {top:100px;}	
	.thumbnail img {margin-top: 10px;}	
	.thumbnail h4 {font-size: 14px; height:31px;}		
	.cruiseDeal .price {font-size: 18px; margin-top:20px;}
	.cruiseDeal .bookBtn {margin-top: 15px;} 	
	
	/* Vendors Page */
	.cruise-ships {width: 110%; max-height: 400px;}	
	.sidebar-widget iframe {width:275px;}
	.small-view {
		/* margin-left:10px;*/
		margin-left: auto;
		width: 1000px !important;
	}
	
	.criteo-ad {
        top: 120px;
	}
	
}

/* Desktop AND Large Screens */
@media (min-width: 1400px) {
	.thumbnail h4 {height:auto;}	
	.small-view {
		margin-left: auto;
		/*margin-left: 20px;*/
		width: 1170px !important;
	}
	
	.criteo-ad {top: 120px;}
	
	.widget-content {height:393px;}	
	
}

@media (min-width: 1600px) {
	.small-view {
		margin-left: auto;
		width: 1170px !important;
		float: none;
	}
	
}