/* Cruise1st Aus - Responsive rebuild stylesheet */
/* Traveltek 2015 */

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #20358C;
	font-family: Arial, Helvetica;
	font-size: 12px;
}


.gmap_st{display: block !important;}


.contentbox {margin: 0 0 10px 0; padding: 0;}
.contentbox .header {padding: 10px; background: #222a78; color: #FFFFFF; font-size: 14px; font-weight: 700;}
.contentbox .header span.yellowtext {color: #fffb00; font-size: 28px;}
.contentbox.icon .header img.icon {width: 100%;}
.contentbox .content {background: #FFFFFF; padding: 10px; border: 1px solid #222a78; border-top: none;}
.contentbox .content.yellowbg {background: #ffeed5;}
.contentbox.icon .content {background: #ffeed5;}
.contentbox .content .btn {
	background: #ffa900;
	color: #011279;
	font-weight: 700;
	border-radius: 5px;
	border: 0;
}

.contentblueheader {margin: 0 0 10px 0; padding: 0;}
.contentblueheader .blueheaderbar {
	padding: 10px;
	background: #011279;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
}
.contentblueheader .blueheaderbar span.subheader {font-size: 14px; color: #FFFFFF; font-style: italic;}
.contentblueheader .content {padding: 0;}
.contentblueheader .content ul {margin-top: 15px;}
.contentblueheader .content p {padding: 10px 0; margin: 0;}

#offerchat {position: fixed; bottom: 0; right: 10px;}


#sitelogo {
	background: url('/uploaded/2012/11/1352952316.png') no-repeat top left;
	background-size: contain;
	min-height: 69px;
	cursor: pointer;
	width: 85%;
}
@media (max-width: 720px) and (min-width: 320px) {
	#sitelogo {margin-left: 15%;}
}


#header {margin: 20px 0; padding: 0;}
#header .headerlogos img {margin: 0 0 5px 15px; height: 50px;}
#header .contactinfo {text-align: right;}
#header .contactinfo .phoneNo {font-weight: 700;}
#header .contactinfo .phoneNo a {display: inline !important; color: #FFA900;}
#header .contactinfo .phoneNo small {font-size: 12px; color: #20358C;}
/*#header .contactinfo .phoneNo span {font-size: 24px; color: #20358C;} */
#header span.glyphicon-earphone {font-size: 20px !important; color: #20358C !important;}
#header .contactinfo .phoneNo span.telno {font-size: 36px; color: #ffa900 !important; line-height: 36px !important; text-decoration: none !important;}
#header .googlesearch {margin: 5px 0 0 0;}
#header .googlesearch input[type="text"] {border: 2px solid #FFA900; padding: 5px;}
#header .googlesearch input[type="button"] {background: #FFA900; color: #011279; border: 2px solid #FFA900; font-weight: 700; padding: 5px 10px;}
#header .googlesearch table.gsc-search-box td.gsc-input {padding-right: 0;}
#header .googlesearch input.gsc-input {width: 101%;}


#header .ticks {margin: 15px 0 0 0;}
#header .ticks .tick {float: left; /*width: 25%;*/ margin: 0 20px 0 0;}
#header .ticks .tick span {color: #FFA900;}

table.gsc-branding, table.gcsc-branding {display:none!important} /* Powered By Google Branding  */


#menu {margin: 0 0 20px 0; padding: 0; position: relative !important; background: #ffeed5;}
#menu .linkwrap {width: 11%; text-align: center; padding: 5px 10px; transition: background 0.3s ease-in-out;}
#menu .linkwrap a {color: #20358C; text-decoration: none;}
#menu .linkwrap:hover {background: rgba(1,18,121,0.5);}
#menu .linkwrap:hover a {color: #FFFFFF;}
#menu .linkwrap.active {background: #011279; }
#menu .linkwrap.active a {color: #FFFFFF;}
#menu .linkwrap.active:hover {background: rgba(1,18,121,1);}

.navbar-header {
	z-index: 999;
	left: 10px;
	right: auto;
}
.navbar-toggle {background: #FFA900; float: left !important;}
.navbar-toggle .icon-bar {background: #011279;}
.bs-navbar-collapse.in a {color: #011279;}

 
/* Searchform */
#searchform {margin: 0 0 10px 0; padding: 0;}
#searchform .header {padding: 10px; background: #222a78; color: #FFFFFF; font-size: 16px; font-weight: 700;}
#searchform .content {background: #ffeed5; padding: 10px; border: 1px solid #222a78; border-top: none;}
#searchform .content .searchtypeIcons {margin: 0 0 15px 0;}
#searchform .content .option {margin: 0 0 20px 0;}
#searchform .content select, #searchform .content input[type="text"] {width: 100%; padding: 5px;}
#searchform .content label {font-size: 14px;}
#searchform .content label.small {font-size: 12px;}
#searchform .content small.subtext {display: block; font-size: 11px; font-weight: 700; font-style: italic;}
#searchform .content #childages #childline label {display: block;}
#searchform .content #childages #childline div {padding-right: 0;}
#searchform .content input.btn {background: #ffa900; color: #011279; font-size: 16px; font-weight: 700; border-radius: 5px; transition: background 0.3s ease-in-out;display: block;width: 100%;margin: 0 auto;}
#searchform .content input.btn:hover {background:#ff7e00;}
#searchform .searchBtn {overflow:hidden; position: relative;}
#searchform .searchBtn .glyphicon {position: absolute; top: 10px; right: 10px; font-size: 16px;}

#searchform #flip {padding: 6px 0;}


.reflookup {margin: 0 0 10px 0;}
.reflookup strong {font-size: 14px;}
.reflookup .input {padding: 5px; background: #ffeed5; border: 1px solid #011279;}
.reflookup .input-group input[type="text"] {
    width: 100%;
    padding: 7px;
    border-radius: 3px 0 0 3px;
    border: 0;
    font-size: 13px;
    font-weight: 200;
}
.reflookup .input-group .input-group-btn button {
    padding: 6px 12px;
    background: #ffa900;
    color: #011279;
    border: 0;
    font-weight: 700;
    transition: background 0.3s ease-in-out;
}
.reflookup .input-group .input-group-btn button:hover {background:#ff7e00;}


.newsletter {font-weight: 700;}
.newsletter input[type="text"], .newsletter input[type="email"], .newsletter input[type="num"], .newsletter input[type="tel"] {width: 100%; padding: 7px; border-radius: 3px 0 0 3px; border: 2px solid #ffa900; font-size: 13px; font-weight: 200; margin-bottom: 3px;}
.newsletter select {padding: 7px; margin-bottom: 3px; border: 2px solid #FFA900; border-radius: 3px;}
.newsletter button {padding: 8px 12px; background: #ffa900; color: #011279; border: 0; font-weight: 700; transition: background 0.3s ease-in-out;}
.newsletter button:hover {background:#ff7e00;}

.guarantees {
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
.guarantees .ticks {width: 65%; margin: 0 auto 10px auto; font-size: 14px; text-align: left;}
.guarantees .ticks span {color: #FFA900;}
.guarantees .contactinfo {}
.guarantees .contactinfo .phoneNo {font-size: 42px; color: #ffa900; font-weight: 700; line-height: 30px;}
.guarantees .contactinfo .phoneNo small {font-size: 12px; color: #20358C;}
.guarantees .contactinfo .phoneNo span.glyphicon {font-size: 24px !important; color: #20358C !important;}
.guarantees .abtawrap {margin: 10px 0;}
.guarantees .abtawrap .abta {margin: 0 20px 0 0;}
.guarantees .cardlogos {text-align: center; font-style: italic;}


.carousel .carousel-inner .item {cursor: pointer;}
.carousel .carousel-inner .item img {width: 100%; min-height: 280px;}

.pageheadtext h1 {margin: 0 0 10px 0; padding: 0;}
.pageheadimage {
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
}
.pageheadimage img {width: 100%;}
.pageheadimage .caption {
	position: absolute;
	bottom: 20px;
	right: 0;
	padding: 5px;
	background: #011279;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	border-radius: 5px 0 0 5px;
}




@media screen and (min-device-width: 280px) and (max-device-width: 750px) {
	.carousel {margin: 0 0 20px 0;}
	.carousel .carousel-inner .item img {min-height: 150px;}
	.carousel .carousel-inner .item .carousel-caption {display: none;}
}

/*@media screen and (min-width: 768px) {*/
	.carousel {margin: 0 0 15px 0;}
	.carousel-caption  {
		right: 0;
		left: auto;
		padding: 10px;
		background-color: #011279;
		border-radius: 10px 0 0 10px;
	}
	.carousel-caption p {margin: 0; font-weight: 700; font-size: 14px; color: #FFFFFF;}
	.carousel-indicators {margin: 0; padding: 0; bottom: 0; width: auto; position: relative; left: auto; right: 0; top: 10px; text-align: right;}
	.carousel-indicators li {width: 13px; height: 13px; border: 1px solid #FFA900;}
	.carousel-indicators li.active {width: 15px; height: 15px; background-color: #FFA900;}
/*}*/



.homeoffers {margin: 0; padding: 0;}
.homeoffers .header {background: #011279; color: #FFF; font-size: 14px; font-weight: 700; padding: 10px; margin: 10px 0;}
.homeoffers .cruiseoffer {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 2px solid #011279;
}
.tab-content .homeoffers {margin: 0 0 10px 0;}
.tab-content .homeoffers .cruiseoffer {margin: 10px 0 0 0;}
.homeoffers .cruiseoffer .extras span {color: #0080ff !important;}
.homeoffers .cruiseoffer .price {line-height: 18px;}
.homeoffers .cruiseoffer .price span.price {font-size: 22px; font-weight: 700;}
.homeoffers .cruiseoffer .price span.price small {font-size: 16px; text-transform: uppercase;}
.homeoffers .cruiseoffer .btn {background: #ffa900; color: #011279; font-weight: 700; transition: background 0.3s ease-in-out;}
.homeoffers .cruiseoffer .btn:hover {background:#ff7e00;}

.homepageFeaturedOffers {margin: 0 0 10px 0; padding: 0;}
.homepageFeaturedOffers .offer {margin: 0 0 10px 0;}
.homepageFeaturedOffers .offer .header {margin: 0; padding: 5px; color: #FFFFFF; background: #011279; text-align: center; font-size: 14px; font-weight: 700;}
.homepageFeaturedOffers .offer .image {
	position: relative;
	width: 100%;
	max-height: 150px;
}
.homepageFeaturedOffers .offer .image img {width: 100%;}
.homepageFeaturedOffers .offer .image img.cruiseimage {height: 130px;}
.homepageFeaturedOffers .offer .image .linelogo {position: absolute; left: 35%; right: 35%; top: 10px; background: #FFFFFF; padding: 3px;}
.homepageFeaturedOffers .offer .content {
	padding: 10px;
	min-height: 190px;
	background: #ffeed5;
	color: #011279;
	text-align: center;
	font-size: 14px;
}
.homepageFeaturedOffers .offer .content .cruisename {height: 45px; font-size: 16px; font-weight: 700; overflow: hidden;}
.homepageFeaturedOffers .offer .extras {height: 60px; max-height: 60px; overflow: hidden;}
.homepageFeaturedOffers .offer .extras span {color: #0080ff !important;}
.homepageFeaturedOffers .offer .price {font-size: 14px; font-weight: 700;}
.homepageFeaturedOffers .offer .price span {font-size: 26px;}
.homepageFeaturedOffers .offer .btn {
	background: #ffa900;
	font-weight: 700;
	color: #011279;
	width: 100%;
	border-radius: 0;
	margin: 10px 0 0 0;
	transition: background 0.3s ease-in-out;
}
.homepageFeaturedOffers .offer .btn:hover {background:#ff7e00;}

#hometabs, #hometabs .nav-tabs {margin: 0; padding: 0;}
#hometabs .nav-tabs li a {background: #ffa900; color: #011279; font-weight: 700; padding: 5px 10px; border-radius: 0; border: 0; font-size: 14px; transition: background 0.3s ease-in-out;}
#hometabs .nav-tabs li:hover a {background: #ffdaa4; font-weight: 700;}
#hometabs .nav-tabs li.active a {background: #011279; color: #FFF;}




.searchbycruiseline {margin: 10px 0; padding: 0;}
.searchbycruiseline .header {
	background: url('/images/www.cruise1st.co.uk/v4/breadcrumb-bg.png') repeat-x top left;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.searchbycruiseline .header span {background: #FFF; padding: 5px;}
.searchbycruiseline .content {padding: 5px 0;}
.searchbycruiseline .content .logo {
	/*float: left;
	width: 20%;*/
	text-align: center;
	padding: 10px 0;
}

.homepageSpecialBanners {margin: 10px 0;}
.homepageSpecialBanners .banner {cursor: pointer; margin: 0 0 15px 0;}
.homepageSpecialBanners .banner .header {background: #011279; color: #FFFFFF; font-size: 14px; font-weight: 700; padding: 5px; text-align: center;}
.homepageSpecialBanners .banner .image {position: relative;}
.homepageSpecialBanners .banner .image img {width: 100%;}
.homepageSpecialBanners .banner .image .btn {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 92%;
	background: #FFA900;
	color: #011279;
	font-weight: 700;
}


.pricebar {
	padding: 10px;
	background: #d81f27;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 10px 0;
}
.pricebar .priceinfo {font-size: 24px;}
.pricebar .button .btn {
	background: #fffb00;
	color: #011279;
	font-weight: 700;
	border-radius: 0;
	border: 0;
	width: 100%;
}

.yellowboxes {margin: 0 0 10px 0;}
.yellowboxes .box {
	background: #ffa900;
	padding: 10px;
	margin: 0 0 5px 0;
	height: 80px;
	text-align: center;
	color: #011279;
	font-weight: 700;
}


/* Cruise Results */
#wait {
	background: #ffeed5;
	padding: 10px;
	border: 1px solid #222a78;
}
#wait h2 {margin: 0 0 20px 0; padding: 0; font-weight: 700;}
#wait h2.yellow { color: #ffa900;}
#wait h2.blue {color: #011279;}

#wait .loader {
	height: 30px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #ddd;
	border-radius: 5px;
	border: 1px solid #011279;
	margin: 0 0 10px 0;
}
#wait .loader:before{
	display: block;
	position: absolute;
	content: "";
	left: -200px;
	width: 200px;
	height: 30px;
	background: #011279; /* Old browsers */
	background: -moz-linear-gradient(top,  #011279 0%, #007af9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#011279), color-stop(100%,#007af9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #011279 0%,#007af9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #011279 0%,#007af9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #011279 0%,#007af9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #011279 0%,#007af9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011279', endColorstr='#007af9',GradientType=0 ); /* IE6-9 */
	animation: loading 2s linear infinite;
}
#wait .waittime {font-size: 14px;}

@keyframes loading {
	from {left: -200px; width: 30%;}
	50% {width: 30%;}
	70% {width: 70%;}
	80% { left: 50%;}
	95% {left: 120%;}
	to {left: 100%;}
}


#wait .greatreasons {margin: 20px 0;}
#wait .greatreasons .reasons {margin: 0;}
#wait .greatreasons .reasons .reason .head {
	background: #011279;
	min-height: 60px;
	padding: 10px;
}
#wait .greatreasons .reasons .reason .head.exclusiveextras {background: url('/images/www.cruise1st.co.uk/v4/c1st-exclusives.png') no-repeat top center #011279;}
#wait .greatreasons .reasons .reason .content {
	padding: 15px;
	min-height: 95px;
	background: #FFF;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	border: 1px solid #011279;
	border-top: 0;
}

.redbox, .alert, .alerts {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.breadcrumb {
	background: none;
	padding: 2px 0 0 0;
	border-radius: 0;
}
.breadcrumb .crumb {
	font-size: 14px;
	color: #011279;
	text-align: center;
	opacity: 0.5;
	background: url('/images/www.cruise1st.co.uk/v4/breadcrumb-bg.png') repeat-x top left;
}
.breadcrumb .crumb.active {opacity: 1;}
.breadcrumb .crumb.past {opacity: 0.2; color: #FFA900;}
.breadcrumb .crumb span {background: #FFFFFF; padding: 5px;}


.backtoresults {padding: 0;}
.backtoresults a {margin: 0 0 10px 0;}
.backtoresults .btn {
	background: #ffa900;
	padding: 5px 12px;
	color: #011279;
	font-weight: 700;
	border-radius: 0;	
	width: 100%;
	border-radius: 5px;
}
.backtoresults .btn span {font-size: 12px;}
#cruiseFilters {margin: 0 0 10px 0; padding: 0;}
#cruiseFilters .header {padding: 10px; background: #222a78; color: #FFFFFF; font-size: 16px; font-weight: 700;}
#cruiseFilters .content {background: #ffeed5; padding: 10px; border: 1px solid #222a78; border-top: none;}
#cruiseFilters .content hr {background: #011279; margin: 10px 0; height: 1px;}
#cruiseFilters .content .filteroption {margin: 0 0 10px 0;}
#cruiseFilters .content .filteroption .filtername {padding-top: 10px; font-size: 16px; font-weight: 700; color: #011279;}
#cruiseFilters .content .filteroption .select select {width: 100%; border: none; padding: 10px;}
#cruiseFilters .content .filteroption .dropdown {
	background: #FFFFFF;
	padding: 10px;
	cursor: pointer;
}
#cruiseFilters .content .filteroption .dropdown .toggler {color: #c0c1da; font-size: 14px; font-style: italic; width: 100%;}
#cruiseFilters .content .btn {
	background: #ffa900;
	color: #011279;
	font-size: 18px;
	font-weight: 700;
	border-radius: 0;
}

.pageNumbers {background: #011279; padding: 10px; color: #FFFFFF; text-align: right; margin: 0 0 10px 0;}
.pageNumbers .pagelink {margin: 0 10px; font-size: 14px;}
.pageNumbers .pagelink .disabled {opacity: 0.3;}
.pageNumbers a {color: #FFFFFF;}
.pageNumbers .selpage {color: #ffa900;}

#cruiseResults .result {
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #011279;
}
#cruiseResults .result .shipImg {text-align:center;}
#cruiseResults .result .shipImg img.image {margin: 10px 0 0 0; width: 100%;}
#cruiseResults .result .info h3.name {margin: 0 0 10px 0; padding: 0; font-size: 16px; font-weight: 700;}
#cruiseResults .result .info .ports {margin: 10px 0;}
#cruiseResults .result .info .extras{color: #0080ff !important;}
#cruiseResults .result .info .extras span.glyphicon {color: #FFA900 !important;}
#cruiseResults .result .price .fromprice {color: #d81f27; font-weight: 700; font-size: 12px;}
#cruiseResults .result .price .fromprice span {font-size: 20px;}
#cruiseResults .result .price .fromprice small {text-transform: uppercase; font-size: 12px;}
#cruiseResults .result .price .btn {background: #ffa900; color: #011279; font-weight: 700; border-radius: 0;}
#cruiseResults .overlaywrap {
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	/*background: rgba(0,0,0,0.8);*/
	background: /*#FFFEEE*/#ffeed5;
	border: 1px solid #011279;
	border-top: none;
	padding: 10px;
	margin: -10px 0 10px 0;	
}
#cruiseResults .overlaywrap .inner {margin: 0 auto;}

#cruiseResults .overlaywrap .pricegridCsioffer .col-sm-4:first-of-type {padding-right: 5px;}
#cruiseResults .overlaywrap .pricegridCsioffer .col-sm-4:nth-of-type(2) {padding-right: 5px; padding-left: 5px;}
#cruiseResults .overlaywrap .pricegridCsioffer .col-sm-4:last-of-type {padding-left: 5px;}

#cruiseResults .overlaywrap .resultOption .header {
	padding: 5px;
	background: #222a78;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
}
#cruiseResults .overlaywrap .resultOption .header .yellow {color: #ffa900;}
#cruiseResults .overlaywrap .resultOption .content {
	padding: 10px;
	min-height: 270px;
	background: #FFFFFF;
}
#cruiseResults .overlaywrap .resultOption .content .details {min-height: 160px;}
#cruiseResults .overlaywrap .resultOption .content ul {margin: 0; padding: 0 0 0 15px;}
#cruiseResults .overlaywrap .resultOption .content .priceLine {margin: 10px 0; text-align: center; font-size: 14px; font-weight: 700;}
#cruiseResults .overlaywrap .resultOption .content .priceLine .price {font-size: 16px; font-weight: 700;}


#cruiseResults .overlaywrap .resultOption .content .btn-yellow {
	width: 100%;
	background: #ffa900;
	color: #011279;
	font-weight: 700;
	border-radius: 0;
}




#csiwrap .packagecontent {margin: 0 0 10px 0; padding: 0;}
#csiwrap .packagecontent .header {padding: 10px; background: #222a78; color: #FFFFFF; font-size: 16px; font-weight: 700;}
#csiwrap .packagecontent .contactarea {background: #ffeed5; padding: 10px; border: 1px solid #222a78; border-top: none;}
#csiwrap .packagecontent .contactarea h3 {margin: 10px 0 20px 0; font-size: 22px; font-weight: 700;}
#csiwrap .packagecontent .contactarea .phone .icon {padding-top: 10px;}
#csiwrap .packagecontent .contactarea .phone .icon span {font-size: 30px; color: #f1ad68;}
#csiwrap .packagecontent .contactarea .phone .info {font-weight: 700; padding: 0 15px 0 0;}
#csiwrap .packagecontent .contactarea .phone .info span {font-size: 11px; line-height: 11px; font-weight: 200;}
#csiwrap .packagecontent .content {background: #FFFFFF; padding: 10px; border: 1px solid #222a78; border-top: none;}
#csiwrap .packagecontent .content .selectedwrap {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #011279;}
#csiwrap .packagecontent .content .selectedwrap h4 {font-weight: 700;}
#csiwrap .packagecontent .pricearea {
	background: #ffeed5;
	padding: 10px;
	border: 1px solid #222a78;
	border-top: none;
	font-size: 16px;
}
#csiwrap .packagecontent .pricearea .totalprice {text-align: center; margin: 0 0 15px 0;}
#csiwrap .packagecontent .pricearea .totalprice h3 {margin: 0 0 5px 0; font-size: 16px; font-weight: 700;}
#csiwrap .packagecontent .pricearea .guarantee .depositmessage {font-size: 12px; margin: 10px 0;}
#csiwrap .packagecontent .pricearea .guarantee .icon {padding-top: 10px;}
#csiwrap .packagecontent .pricearea .icon span {font-size: 30px; color: #f1ad68;}
#csiwrap .packagecontent .pricearea .info {font-weight: 700; padding: 0 15px 0 0;}
#csiwrap .packagecontent .pricearea .info span {font-size: 11px; line-height: 11px; font-weight: 200;}

#csiwrap .cruisenameheader {
	padding: 10px;
	background: #222a78;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

#csiwrap .cruiseSummary {
	background: #FFFFFF;
	border: 1px solid #011279;
	padding: 10px;
	margin: 0 0 10px 0;
}
#csiwrap .cruiseSummary .linelogo {text-align: center;}
#csiwrap .cruiseSummary .linelogo img {width: 100%;}
#csiwrap .cruiseSummary .linelogo img.logo {margin: 0 0 5px 0; width: 90px;}
#csiwrap .cruiseSummary a.moreinfolink {font-size: 11px;}
#csiwrap .cruiseSummary .marketingText {
	margin: 0 0 10px 0;
	padding: 5px;
	background: #ffeed5;
	color: #011279;
	font-size: 14px;
	font-weight: 700;
}
#csiwrap .cruiseSummary .extraswrap, #csiwrap .cruiseSummary .whatsincluded, #csiwrap .cruiseSummary .cruiseincluded {text-align: left !important;}
#csiwrap .cruiseSummary .whatsincluded .includeditem {color: #0080ff; font-weight: 700; margin: 0 10px 0 0;}
#csiwrap .cruiseSummary .whatsincluded .includeditem span.glyphicon, #csiwrap .cruiseSummary .extraswrap span.glyphicon {color: #FFA900; margin: 0 0 3px 0;}

#csiwrap .cruiseSummary .summaryTop .summarypricegrid {background: #FFFFFF; border: 1px solid #011279; padding: 10px;}
#csiwrap .cruiseSummary .summaryTop .summarypricegrid p {margin: 0;}
#csiwrap .cruiseSummary .summaryTop .summarypricegrid p.bigfromprice {font-size: 16px; font-weight: 700; color: #d81f27;}
#csiwrap .cruiseSummary .summaryTop .summarypricegrid p.bigfromprice span.packagefromprice {font-size: 20px;}
#csiwrap .cruiseSummary .summaryTop .summarypricegrid .prices {margin: 10px 0 0 0;}
#csiwrap .cruiseSummary .summaryTop .summarypricegrid .prices .header {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
}
#csiwrap .cruiseSummary .button .btn {
	margin: 5px 0 0 0;
	background: #ffa900;
	color: #011279;
	font-weight: 700;
	border-radius: 0;
	border: 0;
	width: 100%;
}

#csiwrap .nav-tabs {border-bottom: 1px solid #011279;}
#csiwrap .nav-tabs>li>a {background: #ffeed5; color: #011279; border-bottom: 1px solid #011279;}
#csiwrap .nav-tabs>li.active>a, #csiwrap .nav-tabs>li.active>a:hover, #csiwrap .nav-tabs>li.active>a:focus {border: 1px solid #011279; background: #011279; color: #FFF; border-bottom-color: transparent;}
#csiwrap .nav>li>a:hover, #csiwrap .nav>li>a:focus {background-color: #011279; color: #FFFFFF;}
#csiwrap .cruiseContent .tab-content {margin: 0 0 10px 0; padding: 10px; border: 1px solid #011279; border-top: none; border-radius: 0;}
#csiwrap .cruiseContent .itinerarytable th {padding: 5px; background: #011279; color: #FFFFFF;}
#csiwrap .cruiseContent .itinerarytable td {padding: 5px; background: #ffeed5; color: #011279; border-bottom: 1px solid #011279;}
#csiwrap .cruiseContent .itinerarytable tr {border-left: 1px solid #011279; border-right: 1px solid #011279;}
#csiwrap .cruiseContent .itinerarytable tr:last-of-type {border-bottom: 1px solid #011279;}

#csiwrap .itintable .header {background: #011279; color: #FFFFFF; padding: 5px;}
#csiwrap .itintable .inforow {background: #ffeed5; color: #011279; padding: 5px; border: 1px solid #011279; border-top: 0;}

#csiwrap .progress {height: 80px;}

#csiwrap .imagesection .mediaitem {margin: 0 5px 10px 0;}

#csiwrap .includedBox .detailboxheader {padding: 10px; background: #011279; font-size: 14px; font-weight: 700; color: #FFFFFF;}
#csiwrap .includedBox .detailbox {background: #FFFFFF; padding: 10px; border: 1px solid #222a78; border-top: none; margin: 0 0 10px 0;}
#csiwrap .includedBox .detailbox .airportOption #airportaaapackagedepair {background: #ffeed5; color: #011279; border: 0; font-size: 16px; padding: 5px; min-width: 180px;}
#csiwrap .includedBox .detailbox .airportchangebutton {position: relative;}
#csiwrap .includedBox .detailbox .airportchangebutton .arrow {position: absolute; top: 3px; right: 5px}
#csiwrap .includedBox .detailbox .hoteloption {padding: 5px 0; margin: 0; border-bottom: 1px solid #011279;}
#csiwrap .includedBox .detailbox .hoteloption .price {color: #ffa900; font-size: 14px; font-weight: 700;}
#csiwrap .includedBox .detailbox .cruiseoption {padding: 5px 0; margin: 0; border-bottom: 1px solid #011279;}
#csiwrap .includedBox .detailbox .cruiseoption .price {color: #ffa900; font-size: 14px; font-weight: 700;}
#csiwrap .includedBox .detailbox .btn-yellow {
	width: 100%;
	background: #ffa900;
	color: #011279;
	font-weight: 700;
	border-radius: 0;
	margin: 5px 0 0 0;
	border-radius: 5px;
}
#csiwrap .includedBox .priceArea {
	padding: 10px;
	background: #d81f27;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 10px 0;
}
#csiwrap .includedBox .priceArea .totalprice {font-size: 24px;}
#csiwrap .includedBox .priceArea .continueButton {position: relative;}
#csiwrap .includedBox .priceArea .continueButton .btn {
	background: #fffb00;
	color: #011279;
	font-weight: 700;
	border-radius: 0;
	border: 0;
	width: 100%;
	text-align: left;
}
#csiwrap .includedBox .priceArea .continueButton span.glyphicon {position: absolute; top: 8px; right: 5px; color: #011279; font-size: 16px;}

#csiwrap .altoption {padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #CCC;}
#csiwrap .altoption .pricewrap {font-size: 16px; font-weight: 700; color: #011279;}


#flightdetails .flightitinerary {margin: 0 0 20px 0;}
#flightdetails .flightitinerary .header {
	background: #011279;
	color: #FFF;
	font-size: 16px;
	padding: 10px;
}
#flightdetails .flightitinerary .content {
	background: #FFFFFF;
	padding: 10px;
	border: 1px solid #011279;
	border-top: 0;
	font-size: 14px;
}
#flightdetails .flightitinerary .content .segmentheader {margin: 10px 0 5px 0; padding: 5px; background: #b2b7d7; color: #011279; font-weight: 700;}

#flightdetails .flightdetailprice {
	margin: 10px 0;
	padding: 10px;
	background: #011279;
	color: #FFFFFF;
	font-size: 16px;
	text-align: right;
}

.flightfarerules {margin: 0 0 10px 0; padding: 0;}
.flightfarerules .header {background: #011279; padding: 5px; color: #FFFFFF; font-size: 14px;}
.flightfarerules .content {padding: 10px; border: 1px solid #011279; border-top: 0; max-height: 350px; overflow: auto;}

.detailbox {margin: 0 0 10px 0;}
.detailbox .detailHead {background: #011279; padding: 5px; color: #FFFFFF; font-size: 14px;}
.detailbox .detailContent {padding: 10px; border: 1px solid #011279; border-top: 0; max-height: 350px; overflow: auto;}


#cruiseDetail .header {
	padding: 10px;
	margin: 0 0 10px 0;
	background: #222a78;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
}
#cruiseDetail .cruisedetail {
	background: #FFEED5;
	border: 1px solid #011279;
	padding: 10px;
	margin: 0 0 10px 0;
}

#cruiseCabins .cabinGrade {
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #011279;
}
#cruiseCabins .cabinGrade .header {
	padding: 10px;
	margin: 0 0 10px 0;
	background: #222a78;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
}
#cruiseCabins .cabinGrade .btn {
	background: #ffa900;
	font-weight: 700;
	border-radius: 0;
	border: 0;
	width: 100%;
}
#cruiseCabins .cabinGrade .btn a {color: #011279;}


#deckplan #pickerhead, #deckplan #pickerfoot {text-align: center;}
#deckplan #pickerhead {margin: 0 0 5px 0;}
#deckplan #pickerfoot {margin: 3px 0 10px 0;}
#deckplan #pickerhead img, #deckplan #pickerfoot img {width: 100%;}
#deckplan ul#deckslist {list-style-type: none; margin: 0; padding: 0;}
#deckplan #deckslist .deckpickerline {margin: 0 0 2px 0; padding: 5px 0; background: #ffa900; color: #011279; text-align: center; font-size: 14px; font-weight: 700;}
#deckplan #deckslist .deckpickerline.deckpickerhighlight {background: #011279; color: #FFF;}
#deckplan #deckslist .deckpickerline a {color: #FFFFFF;}
.deckdetails #deckimgsurround { width:100% !important; text-align:center; line-height:1; margin:10px 0 0 0 !important;}
.deckdetails img#deckplanimage { width:100% !important; background:#fff; padding:0; /*max-width:325px;*/ margin:0; position:relative; top:0; left:0;}
.deckcabinhighlight {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box}


#shippage .cruiseImages img#image {width: 100%;}


/* Itinerary */
#itinwrap {margin: 0 0 20px 0;}
#itinwrap .header {padding: 10px; background: #011279; font-size: 14px; font-weight: 700; color: #FFFFFF;}
#itinwrap .content .contactarea {background: #ffeed5; padding: 10px; border: 1px solid #222a78; border-top: none;}
#itinwrap .content .contactarea h3 {margin: 10px 0 20px 0; font-size: 22px; font-weight: 700;}
#itinwrap .content .contactarea .phone .icon {padding-top: 10px;}
#itinwrap .content .contactarea .phone .icon span {font-size: 30px; color: #f1ad68;}
#itinwrap .content .contactarea .phone .info {font-weight: 700; padding: 0 15px 0 0;}
#itinwrap .content .contactarea .phone .info span.small {font-size: 11px; line-height: 11px; font-weight: 200;}

#itinwrap .surround {
	background: #FFFFFF;
	padding: 10px;
	border: 1px solid #011279;
	border-top: 0;
	font-size: 14px;
}
#itinwrap .surround h3 {margin: 0 0 3px 0; font-size: 16px; font-weight: 700;}
#itinwrap .surround h4 {margin: 0 0 10px 0; font-size: 14px;}
#itinwrap .surround .detailCruise .startfinish, #itinwrap .surround .detailCruise .embarks {margin: 0 0 10px 0;}
#itinwrap .surround .detailCruise b {font-size: 16px;}
#itinwrap .surround .btn.errataalert {
	background: #ffa900;
	color: #011279;
	font-weight: 700;
	border-radius: 0;
	border: 0;
	width: 100%;
	margin: 10px 0 0 0;
}

#itinwrap .dottedBox {background: #ffeed5; padding: 10px; font-size: 14px; font-weight: bold; border-left: 1px solid #222a78; border-right: 1px solid #222a78; border-bottom: 1px dashed #222a78; font-size: 16px;}
#itinwrap .dottedBox .price {font-size: 16px;}

#itinwrap .listfoot {background: #ffeed5; padding: 10px; border: 1px solid #222a78; border-top: none; font-size: 16px;}
#itinwrap .listfoot .prices {margin: 0 0 10px 0;}
#itinwrap .listfoot .prices .depositprice {border-right: 1px solid #0080ff;}
#itinwrap .listfoot .prices .price {text-align: center;}
#itinwrap .listfoot .prices .price h3 {margin: 0 0 10px 0; font-size: 16px; font-weight: 700;}

#itinwrap .content .guarantee .icon {padding-top: 10px;}
#itinwrap .content .guarantee .icon span {font-size: 30px; color: #f1ad68;}
#itinwrap .content .guarantee .info {font-weight: 700; padding: 0 15px 0 0;}
#itinwrap .content .guarantee .info span {font-size: 11px; line-height: 11px; font-weight: 200;}

#itinerary .basketExtraContent {margin: 0 0 10px 0;}
#itinerary .basketExtraContent .header {background: #011279; padding: 10px; color: #FFFFFF; font-size: 14px; font-weight: 700;}
#itinerary .basketExtraContent .content {background: #ffeed5; padding: 10px; border: 1px solid #011279; border-top: 0;}
#itinerary .basketExtraContent .content .extraHead {background: #011279; padding: 5px; color: #FFF;}
#itinerary .basketExtraContent .content .extrasBool {background: #FFF; padding: 5px; border: 1px solid #011279; border-top: none;}
#itinerary .basketExtraContent .content .extrasBool .price {color: #011279; font-size: 16px; font-weight: 700;}
#itinerary .basketExtraContent .content .extrasBool .btn {
	background: #ffa900;
	color: #011279;
	font-weight: 700;
	border-radius: 0;
	border: 0;
	width: 100%;
}

#itinerary .contentbox {margin: 0 0 10px 0; padding: 0;}
#itinerary .contentbox .header {padding: 10px; background: #222a78; color: #FFFFFF; font-size: 14px; font-weight: 700;}
#itinerary .contentbox .content {background: #FFFFFF; padding: 10px; border: 1px solid #222a78; border-top: none;}
#itinerary .contentbox .content .btn {
	background: #ffa900;
	color: #011279;
	font-weight: 700;
	border-radius: 0;
	border: 0;
}


#itinerary #continuebutton, #itinerary #confirmerratas {
	padding: 10px;
	background: #d81f27;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 10px 0;
}
#itinerary #confirmerratas {margin: 0;}
#itinerary #continuebutton .btn {
	background: #ffa900;
	color: #011279;
	font-weight: 700;
	border-radius: 0;
	border: 0;
	width: 100%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 750px) {
	#itinerary #continuebutton #enquirybutton.btn {margin: 0 0 10px 0;}
}
#itinerary #continuebutton .btn.book {background: #fffb00;}
#itinerary #continuebutton .btn:hover {color: #011279;}


/* Booking form */
.bookingform {margin: 0 0 10px 0;}
.bookingform .header {background: #011279; padding: 10px; color: #FFFFFF; font-size: 14px; font-weight: 700;}
.bookingform .content {background: #ffeed5; padding: 10px; border: 1px solid #011279; border-top: 0;}
.bookingform label {margin: 0 0 5px 0;}
.bookingform input[type="text"] {padding: 5px; margin: 0 0 5px 0; width: 70%}
.bookingform .postcode input[type="button"] {
    padding: 7px;
    background-color: #FFA900;
    color: #011279;
    border: 0;
    margin: 0 0 0 -4px;
    width: 18%;
    font-weight: 700;
}
.bookingform select {padding: 5px; margin: 0 0 5px 0;}
.bookingform textarea {width: 100%;}
.bookingform .btn {width: 100%}

.bookingform.agreements input[type="checkbox"] {width: 15px !important; height: 15px !important;}

.continueBtn .btn {
	background: #ffa900;
	font-weight: 700;
	border-radius: 0;
	border: 0;
	width: 100%;
}
.continueBtn .btnwrap {position: relative;}
.continueBtn .btnwrap span.glyphicon {
	position: absolute;
	top: 10px;
    right: 20px;
}

.confPrice {
	padding: 20px;
	text-align: center;
	background: #d81f27;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 700;
}
.confPrice .lineone {font-size: 22px;}


/* Footer */
#footer {margin: 20px 0; padding: 0;}
#footer .topSection {background: #ffeed5; padding: 0;}
#footer .topSection .top {text-align: center; padding: 20px;}
#footer .topSection .bottombar {padding: 5px; background: #ffa900; text-align: center;}
#footer .topSection .bottombar a {color: #011279; text-decoration: none;}
#footer .topSection .bottombar a:hover {text-decoration: underline;}
#footer .strapline {padding: 20px 40px; text-align: center;}


/*landingpage EDM HT01062018*/

div.fourdealcol p.viewdeal button.vd_btn{
	background: #ffa900 !important;
	border-radius: 0 !important;
	border: none !important;
	font-size: 20px !important;
	font-weight: bold !important;
	display: inline-block !important;
    padding: 6px 12px !important;
    margin-bottom: 0 !important;
	padding: 14px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    cursor: pointer !important;
	color: #ffffff !important;
}


@media (max-width: 768px) and (min-width: 320px) {
	div.overview h1,div.packageHighlight div.col-md-8 h2,div.packageHighlight div.col-md-8 h3,.moredeal h1{font-size: 20px !important;font-weight: bold !important; text-align: center !important;}
	div.packageHighlight div.col-md-8 h3,div.overview h2,div.overview h2.sub,.enquire a,div.call p{font-size: 16px !important;text-align: center !important;}
	#signup_opz strong,#signup_opz button,#signup_opz span{display: block !important;}
	#signup_opz span{font-size: 11px !important; padding-bottom: 5px !important;}
	#signup_opz button {width: 100%;}
	div.summaryTop .col-xs-12,div.summaryTop .col-xs-9, div.summaryTop .col-xs-3{text-align: left !important;}
	#wrap_clock{display: inline !important; width: 50% !important;}
}


/*carousel-control*/
.carousel-control {
	opacity: 0.8 !important;
	background: none !important;
	color: #fff;
}



/*CALL BLOCK*/
div.call{
	text-align: center !important;
	font-family: Arial !important;
	text-decoration: none !important;
}

div.call span.callnow{
	color: #ffffff !important; 
	text-decoration: none !important;
}


div.call span{
	text-decoration: none !important;
	color: white !important;
	
}
div.call h3{
	text-align: center !important;
	font-size: 26px !important;
	font-weight: bold !important;
	font-family: Arial !important;
}

div.call p{
	text-align: center !important;
	font-weight: bold !important;
	font-family: Arial !important;
}



div.call p{
	text-align: center !important;
	font-weight: bold !important;
}


div.callbutton{
    background: #ff9000 !important;
	font-weight: bold !important;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
	margin-bottom: 20px !important;
}

.col-sm-8 h2{font-size: 20px !important;}

.newsitemap,.newsitemap_ship{text-align: center; margin-bottom: 20px; margin-top: 20px; }

.sitemap_dest li,.sitemap li{text-align: left;}
.sitemap_dest,.sitemap{font-size: 14px;}
.sitemap_dest h2{font-size: 16px; font-weight: bold;}
.sitemap_dest a{color: #011279; }

.newsitemap h3{font-size: 20px; text-align: left;}

.newsitemap p{font-size: 14px;  text-align: left;}
.newsitemap_ship h3{font-size: 14px; font-weight: bold; color:#011279; text-align: left; margin-left: 20px;}
.newsitemap_ship img{width: 90%;}
.newsitemap img{width: 100%;}
.newsitemap ul,.newsitemap_ship ul{text-align: left; font-size: 14px;  margin-left: 0px; padding-left: 10px;}
.faq img{ width:50%;} div.faq{text-align: center !important; margin-top: 20px;}