@charset "utf-8";
/* CSS Document */

/* Browser Rest */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;outline:0;padding:0;vertical-align:baseline}

body{line-height:1}

a, a:visited { color: #0000CC; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #6666CC; }

ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Site Structure */
body {font-size:12px;font-family:Arial, Helvetica, sans-serif;position:relative;}
.clear, .spacer {clear:both;}
#wrap {width:921px;margin:0 auto;position:relative; overflow: hidden;}
h3 {color: #FF0000;font-size: 18px;margin: 10px 0;}

/* header */
#header {position:relative;z-index:999;}
#wrap #header img {z-index:1;}
#wrap #header ul {display: block;margin: 0 auto -51px;position: relative;top: -51px;width: 770px;z-index: 2000;}
#wrap #header ul li {float: left;list-style: none outside none;margin: 0 10px;text-align: center;}
#wrap #header ul li.terms {margin: 0 0 0 230px;width: 55px;}
#wrap #header ul li.links {margin: 0 0 0 5px;}
#wrap #header ul li.sitemap {width:75px;}
#wrap #header ul li a {color:#fff;text-decoration:none;font-size:14px;font-weight:bold;}
#wrap #header ul li a:hover {color:#ffef10;}

/* footer */
#footer {margin: 10px 0 0; padding: 0 !important;}
#footerbar {background:#052383;border:2px solid #ffef10;margin:0 auto;height:20px; box-sizing: border-box;}
#footerinfo {margin:10px 0 0;color:#052383;}
#footerinfo .ttlogo {width:145px;float:left;}
#footerinfo .atollogo {width:145px;float:right;text-align:right;}
#footerinfo .foottxt {float: left;font-size: 11px;line-height: 12px;text-align: center;}

/* homepage */
#homepagecontents {position: relative;top: -35px;z-index: 0;margin:0 0 -35px; padding: 0 !important}
#homepagecontents .left {float:left;width:290px;}
#homepagecontents .mid {float:left;width:325px;}
#homepagecontents .right {float:right;width:285px;margin:0;}

#homepagecontents .infopoints {background:url(infopoints_bg.jpg) repeat-x #052383;padding: 0 0 10px;}
#homepagecontents .phoneno, #homepagecontents .points {border-bottom:1px solid #ffef10;text-align:center;color:#fff;}
#homepagecontents .phoneno {color: #FFEF10;font-size: 35px;font-weight: bold;line-height: 22px;margin: 0 auto;padding: 40px 0 5px;text-align: center;width: 295px;}
#homepagecontents .phoneno strong {color:#fff;font-size:20px;}
#homepagecontents .points {color: #FFEF10;font-size: 11px;font-weight: bold;line-height: 15px;margin: 0 auto;padding: 10px 0;width: 295px;}
#homepagecontents .points strong {color: #FFFFFF;font-size: 20px;line-height: 22px;}
#homepagecontents h2 {color: #FF0000;font-size: 18px;margin: 25px 0 10px;text-align: center;}
#homepagecontents .searchhome {margin: 50px auto 0; padding:10px;text-align: center;width: 600px;}

#greatdeals .deal {border:1px solid #052383;padding:10px;font-weight:bold;background:url(greatdeals_bg.jpg) repeat-x #052383;margin:2px 0;font-size:14px;}
#greatdeals .header {width:125px;float:left;text-align:center;color:#f6e600;}
#greatdeals .type, #greatdeals .type a {width:130px;float:right;text-align:right;color:#fff;text-decoration:none;}
#greatdeals .type a {float:none;}

#mailinglist {background:url(mailinglist_bg.jpg) center no-repeat #fff458;padding:5px 10px;margin:10px 0 0;color:#052383;}
#mailinglist h3 {text-align:center;color:#052383;font-size:18px;margin:5px 0;}
#mailinglist label {display: block;float: left;padding: 0;width:90px;font-weight:bold;margin:2px 0;}
#mailinglist input[type="text"] {float: right;width: 160px;margin:2px 0;}
#mailinglist input[type="button"] {background: url("submit_bg.png") no-repeat scroll right center transparent;border: medium none;color: #052383;float: right; font-size: 18px;  font-weight: bold;  height: 30px;  padding: 0 25px 0 0;  width: 125px;}
#mailinglist input[type="button"]:hover {cursor:pointer;}
#mailinglist p {text-align:center;margin:5px 0;}

.banner_homepage {color: #052383;font-size: 20px;font-weight: bold;height: 175px;margin: 10px auto;text-align: center;width: 325px;}

/* search */
#searchtypes {background:#052383;font-weight:bold;padding:3px 0;}
#searchtypes a {color:#fff;text-decoration:none;}
#searchtypes a:hover, #searchtypes .selected a {color:#ffef10;}
#searchtypes ul {}
#searchtypes li {display:block;width:70px;float:left;text-align:center;}
#searchtypes li.small {width:45px;}
.searchback {color:#052383;font-weight:bold;}
.searchback td {padding:2px 0;}
.searchback select {width:185px;margin:2px 0;}
.searchback #roomcount, .searchback #adults, .searchback #adults-1, .searchback #adults-2, .searchback #adults-3, .searchback #children, .searchback #children-1,  .searchback #children-2,  .searchback #children-3, .searchback #children-4, .searchback #children-5, .searchback #depdate-day, .searchback #retdate-day, #childage-1-1, #childage-1-2, #childage-1-3, #childage-1-4, #childage-1-5, #childage-2-1, #childage-2-2, #childage-2-3, #childage-2-4, #childage-2-5, #childage-3-1, #childage-3-2, #childage-3-3, #childage-3-4, #childage-3-5, #childage-4-1, #childage-4-2, #childage-4-3, #childage-4-4, #childage-4-5, #childage-5-1, #childage-5-2, #childage-5-3, #childage-5-4, #childage-5-5, .searchback #infants {width:30px;}
.searchback #depdate-month, .searchback #retdate-month {width:45px;}
.searchback #depdate-year,.searchback #retdate-year {margin: 0 5px 0 0;width: 75px;}

.emailus {padding:5px 0; margin: 0px auto; float: none; display: block;}
.abtaatol {padding: 5px 0 0;}

/* offers */

/*.offersleft {float: left;width: 500px;}*/
.offersleft h1 {background: none repeat scroll 0 0 #052383;border: 2px solid #FFEF10;color: #FFEF10;font-size: 24px;margin: 0 0 20px;padding: 5px;}
.offersleft .description {line-height: 14px;}
.offersleft .price {color: #052383;font-size: 18px;font-weight: bold;margin: 0 0 20px;}
.offersleft b, .offersright b  {color: #052383;}

/*.offersright {float: right;text-align: center;width:375px;}*/
#imagenav {width: 340px; margin: 0 auto;}
#imagenav img {cursor:pointer;}

.zoneoffers_wrapper {text-align:center;width:215px;height:110px;float:left;margin:0 5px 5px 0;padding:5px;background:url(zoneoffer_bg.jpg) #fff458;color:#052383;}
.zoneoffers_wrapper img {width:80px;height:50px;float:left;border:1px solid #fff;}
.zoneoffers_wrapper .offerdetail {float: right;font-size: 11px;width: 130px;}
.zoneoffers_wrapper .resortdesc {font-size: 15px;height: 32px;line-height: 16px;margin: 0 0 5px;}
.zoneoffers_wrapper .price a {color: #052383;font-size: 25px;line-height: 32px;}
.zoneoffers_wrapper .price .fromprice {display:none;}

/* Journey */
.journey_rightcol {float: right;width: 290px;position:relative;display:block;}
.journey_leftcol {width:600px;float:left;position:relative;display:block;}
.orangebox {width:590px!important;}
.booking-column-right {width:300px;}
.itinbreakdown td {border-bottom: 1px solid #E2EDF7;padding: 3px 0;}

/*More Info (waiting page) */
#moreinfo {
	width: 90%;
}

/*Holiday & Flight Center Responsive CSS*/
html,
body {
	width: 100%;
	min-width: 320px;
	overflow-x: hidden;
}
.greyoutline {
	box-sizing: border-box;
	display: block;
	width: 600px;
}
.greyoutline + table {
	margin: 0 auto;
}
#flightresults table td span {
	display: block;
	margin-top: 5px;
}
/*hide inneeded table*/
.greyoutline > table:nth-child(7) {
	display: none;
}
.logo {
	width: 100%;
}
.searchWaiting #wrap{
	margin-top: 0 !important;
}

.leftEdge {
	left: 0 !important;
}

.mobileMenu,
.menuBtn,
.menuIcon {
	display: none;
}

#header ul li a {
	transition: all 0.5s ease-in-out;
}

.contentholder {
	float: left;
	width: 625px;
}
.contentholder .mid {
	float: right !important;
}

#zoneofferwrap {
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.zoneoffers_wrapper {
	height: 120px !important;
	vertical-align: top;
    display: inline-block !important;
    *display: inline;
    zoom: 1
	margin: 0 !important;
	background: #FFF458 url("zoneoffer_bg.jpg") no-repeat center center !important;
}

.abta-facebook {
	text-align: center;
	padding-bottom: 10px;
 }
 
 input[type="image"] {
	margin: 10px auto !important;
	display: block;
 }
 
 /*Responsive sorting, large screens*/
 .rSort {
	display: inline-block;
	width: 97px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
 }
 .rSort:hover {
	background: #FFF458;
 }
 .hotelsortoff {
	 border: none!important;
 }
 
 .bookingform table tbody {
	display: table;
	width: 100%;
 }
 
 .bookingform input[type="text"]{
	margin: 5px 0;
}

.bookingform select[name="creditcard-expirymonth"],
.bookingform select[name="creditcard-frommonth"],
.bookingform select[name="creditcard-fromyear"],
.bookingform select[name="creditcard-expiryyear"] {
	width: 50px;
	margin: 5px 5px 5px 0px;
} 
.bookingform select[name^="passengers"] {
	width: 60px !important;
	margin-right: 5px;
}

form p,
form + p {
	width: 260px;
	margin: 0 auto;
}

.totalsDeposits {
	float: right;
	text-align: right;
	margin: 0px auto;
    max-width: 210px;
}

.totalLabel {
	font-size: 22px;
	float: left;
	margin: 10px 5px 0 0;
}
#totalprice{
	font-weight: 600;
	font-size: 22px;
	float: right;
	margin: 10px 0;
	color: #FF0000;
}
#depositprice {
	font-weight: 600;
	font-size: 20px;
	margin-left: 3px;
}
.depositDate {
	font-size: 14px;
	color: #FF0000;
}

.mapHolder {
	margin: 10px;
}

@media screen and (max-width: 912px) {
	#wrap {
		width: 100% !important;
		overflow-x: hidden !important;
	}
	#homepagecontents .right {
		float: none !important;
		width: 100% !important;
	}
	#searchtypes  ul {
		display: block;
		margin: 0 auto;
		width: 320px;
		padding-left: 15px !important;
	}
	.searchback {
		width: 320px;
		margin: 0px auto !important;
		padding-left: 15px;
	}
	.searchback > input:nth-child(7) {
		float: none !important;
		margin: 10px auto !important;
		display: block;
	}
	.right > a:nth-child(10) {
		text-align: center;
		display: block;
	}	
	#footerinfo .foottxt {
		float: none !important;
		width: 97% !important;
		clear: both;
		padding-top: 10px !important;
		text-align: justify !important;
		margin: 0 auto 0;
	}
	.right > h2  br {
		display: none;
	}
	.zoneoffers_wrapper {
		width: 31% !important;
		margin: 0.25%;
	}
	.contentholder {
		float: none;
		width: 100%;
	}
	.contentholder .mid,
	.contentholder .left {
		float: none !important;
		width: 100% !important;
	}
	#greatdeals {
		border: 1px solid #052383;
		background: #052383 url("greatdeals_bg.jpg");
	}
	#greatdeals .deal {
		border: none !important;
		background: none !important;
		margin: 2px auto 2px !important;
		width: 93%;
	}
	#mailinglist p,
	#mailinglist form {
		width: 320px;
		display: block;
		margin: 10px auto 10px !important;
	}
	#mailinglist form input:last-of-type {
		margin: 10px 0 0 180px !important;
	}
	input[type="image"] {
		margin: 0px auto;
		float: none;
		display: block;
	}
}

@media screen and (min-width: 901px) {
	#wrap #header ul {
		display: block !important;
	}
}

@media screen and (max-width: 900px) {
	/*redesign nav menu*/
	#wrap {
		padding-top: 38px;
	}
	#wrap #header {
		margin-bottom: 5px;
	}
	#wrap #header ul a {
		display: block;
		padding: 10px 35px;
	}
	#wrap #header ul {
		display: block;
		width: 100%;
		position: fixed !important;
		background: rgb(5, 35, 131);
		top: 30px !important;
		display: none;
	}
	#wrap #header ul li {
		float: none !important;
		text-align: left !important;
		margin: 0 !important;
		background: #052383 url("greatdeals_bg.jpg") repeat scroll 0% 0%;
	}
	#wrap #header ul li.terms,
	#wrap #header ul li.sitemap {
		width: 100%;
	}
	.mobileMenu {
		display: block !important;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		background: #052383 url("greatdeals_bg.jpg");
		-webkit-box-shadow: 0 1px rgba(0,0,0,0.2);
		box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2);
	}
	.menuBtn {
		display: block;
		cursor: pointer;
		width: 50px;
		height: 33px;
		padding: 3px;
		float: right;
		border-left: solid 1px #004b8d;
		box-sizing: border-box;
	}
	.menuIcon {
		display: block;
		height: 6px;
		margin: 4px auto 0;
		border-radius: 1px;
		background: #FFF458;
	}
	.menuIcon:first-of-type {
		margin-top: 0;
	}
	#homepagecontents .right {
		margin-top: 45px;
	}
}

@media screen and (max-width: 889px) and (min-width: 600px) {
	.journey_leftcol,
	.journey_rightcol {
		float: none;
		margin: 20px auto 0;
		width: 600px;
	}
	.greyoutline {
		width: auto;
	}
	.rSort {
		width: 16%;
	}
}

@media screen and (max-width: 690px) {
	.zoneoffers_wrapper {
		width: 47.7% !important;
		margin: 0 !important;
		margin: 0.25% !important;
		text-align: left !important;
	}
	.zoneoffers_wrapper .offerdetail {
		float: left !important;
		margin-left: 20px;
	}
}

@media screen and (max-width: 640px) {
	#homepagecontents {
		top: -15px !important;
	}
	.right,
	.mid,
	.left {
		width: 100% !important;
		margin: 0 !important;
	}
	.banner_homepage {
		width: 320px !important;
	}
	/*Offers Page*/
	.offersleft,
	.offersright	{
		float: none;
		width: 100%;
		padding: 0px !important;
		text-align: left;
	}
	.offersleft .wrapper,
	.offersright .wrapper	{
		width: 95%;
		margin: 0 auto;
	}
	.offersright .wrapper .holidayimg {
		width: 100% !important;
		max-width: 340px !important;
		margin: 0 auto !important;
	}
	/*map styling*/
	iframe {
		width: 100%;
		height: auto;
		margin: 10px auto;
	}
	/*Email Added*/
	#homepagecontents .searchhome {
		margin: 20px auto 40px;
		width: 90%;
	}
	
	.bookingform input[type="text"]{
		width: 75%;
		margin: 5px 0;
	}
	.bookingform input[name="contact-postcode"]{
		width: 100px !important;
	}
	.bookingform select {
		width: 150px;
		margin: 5px 5px 5px 0;
	}
	
}
@media screen and (max-width: 620px) {
	.journey_leftcol,
	.journey_rightcol {
		box-sizing: border-box;
		width: 100%;
	}
	.greyoutline {
		width: 100%;
	}
	
	table.book td {
		width: 100%;
		float: left;
		text-align: left;
	}
	
	table.book tr{
		margin: 10px 0 10px;
		display: block;
	}
	
	table.book input{
		margin-bottom: 5px;
	}
	
	.xs-full-width{
		width: 100%;
	}
}

@media screen and (max-width: 610px) {
	.accomo > div > table,
	.attractions > div > table {
		width: 100 !important;
		margin: 0 auto;
	}
}

@media screen and (max-width: 600px) {
	.journey_leftcol,
	.journey_rightcol {width: 100%;}
	/*Responsive Sorting*/
	.rSort {
		display: block !important;
		width: 100% !important;
		padding: 6px;
		text-align: left;
	}
	.rSort img,
	.rSort p {
		display: inline;
		margin-right: 5px;
	}
	.rSort b {
		float: right;
		margin-right: 10px;
	}
	.imgHolder {
		width: 95px;
		display: inline-block;
	}
	/*Bookings*/
	.booking-columns {
		width: 100% !important;
	}
	.booking-column-left,
	.booking-column-right {
		width: 100% !important;
		margin: 0 auto;
	}
	/*Responsive Page Images*/
	.accomoImg, 
	.attractionsImg,
	.responiveImg {
		margin: 10px auto !important;
	}
}

@media screen and (max-width: 570px) {
	.zoneoffers_wrapper {
		width: 94% !important;
		padding: 5px 15px !important;
	}
}

@media screen and (max-width: 540px) {
	.bookingform table,
	.bookingform table th {
		display: block;
		width: 100% !important;
	}
	.bookingform td {
		display: block;
		padding-bottom: 5px;
	}
}

@media screen and (max-width: 400px) {
	#wrap > form:nth-child(9) {
		width: 100%;
		padding: 0 10px;
	}
	#wrap > form:nth-child(9) td {
		display: block !important;
		width: 100% !important;
		margin-bottom: 5px;
	}
	#wrap > p:nth-child(10) {
		margin: 5px 10px;
	}
	/*Attractions Page*/
	.accomoImg,
	.attractionsImg,
	.responsiveImg	{
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 360px) {
	/*Big Image(Offers Page) */
	#bigimage {
		width: 100% !important;
		height: auto !important;
		visibility: visible;
	}
}

@media screen and (max-width: 340px) {
	#mailinglist p,
	#mailinglist form {
		width: auto !important;
	}
}

@media screen and (max-width: 330px) {
	span.rSort b > a {
		position: relative;
		top: 4px;
		font-size: 12px !important;
	}
}

@media screen and (max-width: 321px) {
	table.pagenumbers  a {
		font-size: 11px !important;
	}
}

@media screen and (max-width: 320px) {
	#flightresults,
	.flightresults	{
		padding: 0;
	}
}

/*support classes*/
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

/*booking columns*/
.booking-column-left {
	width: auto !important;
	margin: 0px auto;
}
@media screen and (min-width: 921px) {
	.booking-column-left {
		width: 570px !important;
		margin: 0px auto;
	}
}

@media screen and (max-width: 640px) {
	.booking-column-right {
		width: 95% !important;
	}
}

div.bookingform textarea {
	min-width: 85%;
	max-width: 85%;
}

.booking-columns {
    background: transparent url("/images/fusion.traveltek.net/grey-dots.gif") repeat-y scroll 595px 0px;
    width: 100%;
    float: left;
}
.booking-columns > .bookingform,
.booking-columns > .continuebutton {
	width: 564px;
    clear: both;
}
.booking-columns > .booking-stages {
	width: 543px;
    clear: both;
}
.booking-columns + .booking-column-right {
	width: 300px !important;
	float: right;
}

@media screen and (max-width: 920px) {	
	.totalsDeposits {
		float: none;
		text-align: center;
		margin: 0px auto;
		max-width: 210px;
	}
	.flightWaiting #wrap,
	.hotelWaiting #wrap	{
		margin: 0 !important;
	}
	#wrap #header img {
		width: 100% !important;
	}
	#footerbar {
		max-width: 100% !important;
	}
	#wrap > div:nth-child(3) {
		padding: 0 10px;
	}
	/*search return pages*/
	.journey_leftcol,
	.journey_rightcol {
		float: none;
		margin: 0 auto;
		width: 100%;
		box-sizing: border-box;
	}
	.greyoutline {
		margin: 0 auto;
	}
	/*Bookings*/
	.booking-columns {
		width: 100%;
		background: none !important;
	}
	.booking-column {
		width: 600px !important;
		margin: 0 auto;
	}
	.booking-column-left,
	.booking-column-right,
	#wrap > h2:nth-child(3){
		width: 97%;
		margin: 0 10px 5px 10px;
	}
	.booking-column-left,
	.booking-column-right {
		float: none;
	}
	.bookingContent .booking-column-left {
		width: 100% !important;
		padding: 0;
		margin-left: 0;
	}
	.booking-columns .bookingform, .booking-columns .continuebutton {
		clear: both;
	}
	.booking-stages {
		clear: both;
	}
	.booking-columns + .booking-column-right {
		width: 94% !important;
		float: none;
		clear: both;
	}
	/*Offers Page*/
	.offersleft,
	.offersright	{
		float: none;
		padding: 0px !important;
		text-align: left;
		margin: 0 auto;
		width: 100%;
	}
	.offersleft > .wrapper,
	.offersright > .wrapper {
		padding: 0 10px;
	}
	#wrap > p:nth-child(8) {
		padding: 0 10px;
		margin-bottom: 10px;
	}
	/*Itineary Page*/
	#itineraryform {
		padding: 0 10px;
	}
	.accomoH2 {
		text-align: center;
		margin-bottom: 10px !important;
	}
	.centerImg {width: 100%;}
	
	.hotelMoreInfo {
		width: 95%;
		margin: 0px auto;
	}
}
.bookingContent h2 {
	margin-bottom: 5px;
}

/*new mobile layout*/
.hiddenSearch, .hiddenMail, .hiddenOffers {display: none;}
.right, .mailList, .offersSecton {display: block;}
@media screen and (max-width: 912px) {
	.hiddenSearch {margin-top: 20px;}
	.hiddenSearch, .hiddenMail, .hiddenOffers {display: block;}
	.right, .mailList, .offersSection {display: none;}
}