@charset "utf-8";

body {
	font: 100%/1.6 'Roboto Condensed', Arial, Helvetica, sans-serif ;
	font-weight: 300;
	margin: 0;
	padding: 0;
	color: #333;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
img	{width:100%;}
img.normal	{width:auto !important;}
a:link {
	color: #3AAAED;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #3AAAED;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0px 0px 0px;
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 0px;
	padding-left: 0px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

h1{font-size:1.8em; margin: 0px 0px 0px; font-weight: normal;}
h2{font-size:1.6em; line-height:1.2em;}
h3{font-size:1.5em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h2, h3, h4, h5, h6 {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
    margin: 0px 0px 0px;
}
h1.maintitle {
    font-size: 1.2em;
    position: relative;
    text-align: center;
    z-index: 1; 
	margin-bottom:10px;   
}

h1.maintitle:before {
    border-top: 1px solid #878787;
    content:"";
    margin: 0 auto;
    position: absolute;
    top: 20px; left: 0; right: 0; bottom: 0;
    width: 100%;
    z-index: -1;
}
h1.maintitle span.whitebg { background: #fff; padding: 0 20px; color:#333; }
h1.maintitle span.greybg { background: #EEE; padding: 0 20px;  color:#333;}

.keytop	{
	display:none;}
.small {
	font-size:0.7em;}
.xl	{
	font-size:1.3em}
.bg1    {background-color:#2E3D54; color:#FFF}
.bg2    {background-color:#3AAAED;color: #FFFFFF;}
.bg3    {background-color:#1D2732; color: #FFFFFF;}
.bg4    {background-color: #EEEEEE;}

.sitecolour1    {color:#2E3D54;}
.sitecolour2    {color: #3AAAED;}
.sitecolour3    {color: #1D2732;}

.greybg	{background:#2E3D54; color:#FFF}
.greybdr	{border:1px solid #CCCCCC; -moz-border-radius: 12px; -webkit-border-radius: 12px; background:#FFF; }
.textblock	{
	padding:20px;}
.clearfloat { 
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ Forms ~~ */


.loginbg	{background:#2E3D54; color: #ffffff}
.loginbg h2, .loginbg h3, .loginbg h4, .loginbg h5, .loginbg strong	{color: #ffffff !important}
#header	{ background:#2E3D54; 
	text-align:center;
	position:relative; }
.sky-background	 {width:auto !important}
.tel	{ font-size:1.7em;	line-height:0.8em;}
.tel img	{ 	display:none;}

.logo img	{ 
	width:90%;
}
.header H1	{ 
	color: #FFF;
	font-size:1.4rem;
}	
#bannertext	{display:none;
	}

.maintop	{border-top:5px solid #1D2732;
	height:10px;
	background:#EEEEEE;}
.main	{background:#EEEEEE; border-bottom:20px solid #EEEEEE; border-top:20px solid #EEEEEE;}
.main2	{background:#FFFFFF; border-bottom:20px solid #FFFFFF; border-top:20px solid #FFFFFF;}


.innertext	{padding: 5% 8% 2% 5%; text-align:center}
.innertext a.more	{border-top:1px solid #ccc; margin-top:10px; padding-top:10px;  display:block;}
.imagebox.card	{text-align:center; color:#FFF; background-size:cover!important; background-position:top; background-repeat:no-repeat;  min-height: 355px }
.bgfade	{padding:10px 10px 20px 10px; 
	margin-top:10px;
	background: -moz-linear-gradient(top, rgba(29,39,50,0) 0%, rgba(29,39,50,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(29,39,50,0) 0%,rgba(29,39,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(29,39,50,0) 0%,rgba(29,39,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1D2732',GradientType=0 ); /* IE6-9 */}
.bgfade a	{color:#FFF !important}
.greybdr	{border:1px solid #CCCCCC; -moz-border-radius: 12px; -webkit-border-radius: 12px; background:#FFF; }
.homebox, .homebox1 	{position:relative; }
.homebox img	{ display:block; -moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0; }
.homebox2 { display:none;}
.homebox .text {font-size:0.9em;}
.homebox1 .text	{ font-size:0.9em; overflow:auto; }
.homebox .text p, .homebox1 .text p	{padding:8px; margin:0px;}
.cruiseicon	{ width:80%!important; margin:0 auto;}

#level1text, #level2text, #level3text, .leveltext	{border:1px solid #999999; -moz-border-radius: 20px;  border-radius: 20px; font-size:12px; padding:20px 40px; margin-top:20px; font-size:1em;}
.leveltext li	{ list-style:disc}
.hideall	{float:right;  font-weight:bold;}

.fourboxoffers  span	{padding:8%; display:block; font-size:0.9em;}
.fourboxoffers a.more	{border-top:1px solid #fff; margin-top:10px; display:block; color:#FFF; font-size:0.9em;}
.footertel	{font-size:1.7em;}


.footer a	{
	color:#FFF !important;
	}
.footer ul {
	margin:0px;
}
.footer li	{
	list-style:none;
	padding:2px 0;
	border-bottom:1px solid #ccc;
	}

/* Tablet Portrait Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
	
h1 {
    font-size: 35px;
    line-height: 40px;
}
h3 {
    font-size: 18px;
    line-height: 25px;

}


.logo img	{ 
	width:100%;
}
.nav li {
	display:inline-block;
	padding:0 0 0 16px;
	border-bottom:0px;
}



.sectioncontent	{padding:0 30px;}

img.imageblock	{width:100%; height:140px; margin:0px;}
img.fullimg	{width:100%}




.homebox2 {display:block; text-align:center; line-height:1em; color:#4B1D42; font-size:13px; padding:6px 0 10px 0;  font-weight:bold;}


}
/*  */
@media only screen and (min-width: 650px) {
#bannertext	{position:absolute;
	text-align:center;
	bottom:0px;
	z-index:3000;
	width:100%;
	display:block;
	}
#bannertextoffer #inner	{

  padding:10px 20px;
  z-index:2000;
	width:45%;
	margin:0 auto;
	color:#FFF;
	background:#1D2732;
	
	}
#bannertextoffer H1	{
	font-size:1.2em;
	border-bottom:1px solid #FFF;
	padding-bottom:2px;
	line-height:1.3em;}
#bannertextoffer H2	{
	font-size:1em;
	border-bottom:1px solid #FFF;
	padding:2px 0;
	color:#3AAAED;
	line-height:1.3em;}


.homebox2 {  font-size:15px; padding:8px 0 12px 0; font-weight:normal;}
}
/* tablet landscape: 769px to a max of 960px.  Inherits styles from: Mobile Layout and Tablet Portrait Layout. */
@media only screen and (min-width: 769px) {
/* ~~header~~ */
.header	{ 
	border-top:12px #3AAAED solid;
	}

.tel img	{ 
	display:block;
	}

.header H1	{ 
	font-size:1.6em;}
	

#bannertextoffer #inner	{
width:40%;
padding:20px 30px;
	}
#bannertextoffer H1	{
	font-size:1.4em;
	padding-bottom:5px;}
#bannertextoffer H2	{
	font-size:1.2em;
	padding:5px 0;}



.cruiseicon	{ width:60%!important; margin:0 auto;}
.footer li	{	border-bottom:none;	}
}
/* Desktop Layout: 960px to a max of 1100px. Inherits styles from: Mobile Layout and Tablet Portrait Layout. */
@media only screen and (min-width: 960px) {

/* ~~header~~ */

#bannertextoffer #inner	{
width:25%;
padding:30px 50px;
	}
#bannertextoffer H1	{
	font-size:2em;
	padding-bottom:5px;}
#bannertextoffer H2	{
	font-size:1.2em;
	padding:5px 0;
}


}