/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */

/* 	[ http://www.contegro.com ]   */

/* -----[ TEMPLATE ]-------------------------------------------------------------------------- */

/*
		Do not change class names or Container ID's. Alter attributes as required.
*/

/*
		The table structure below is compliant with the current W3C standards. 
		The layout technique that is used is will allow for a liquid centre and fixed sides. 
		
		--Width 
		The fluid width can be modified on the id called #outerWrapper.
		To set a fixed width - delete max-width, min-width, width: expression and add a width value.
		
		--Layouts
		The layouts can be set by changing the class on the main content wrapper.
		1.	Layout 1 - 3 column layout
		2.	Layout 2 - 2 column layout (left column #cLS)
		3.	Layout 3 - 2 column layout (right column #cRS)
		4.	Layout 4 - 1 column layout */

/* -----[ Main structure CSS]--------------------------------------------------------------------- */

* {
	-moz-outline-style: none;
	outline-syle: none;
	outline-width: 0px;
	outline-color: -moz-use-text-color;
	margin: 0px;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}
body {
	background: #ffffff;
}
/* -----[ STRUCTURE]------------------------------------------------------------------------------ */

/* === [ wrappers to set width ] === */

#outerWrapper {
	position: relative;
	margin: 0px auto;
	width: 955px;
	background-color: #FFFFFF;
}
#outerWrapper.CruisesNew {
	width: 100%;
}
#mainWrapper:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#mainWrapper {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 27px;
}
.CruisesNew #mainWrapper {
	/* padding: 0 20px; */
	width: 100%;
	max-width: 1480px;
	margin: 0 auto;
	margin-top: 50px;
}
.Home-2017 #mainWrapper {
	max-width: 1240px;
}
.promotion #mainWrapper {
	margin-top: 0;
}
/* Hides from IE Mac \*/

* html #mainWrapper {
	height: 1%;
}
#mainWrapper {
	display: block;
}
/* End hide from IE-mac */

#RequestFormIframe {
	padding: 0px 0px;
}
#RequestFormIframe .HTMLContent {
	display: block;
	clear: both;
}
#RequestFormIframe h2,
#RequestFormIframe h3 {
	margin: 0;
}
#RequestFormIframe h5 {
	font-size: 1.2em;
	margin: 0 0 1em 0;
}
/* === [ header ] === */

#cH {
	position: relative;
	display: block;
	padding: 0px;
	clear: both;
	width: 955px;
	/*background: url(/Templates/_images/cH_NZTA2013.gif) no-repeat top right;*/
	z-index: 200;
}
#cHwrapper {
	width: 100%;
	position: absolute;
	top: 0;
	background: rgba(0, 0, 0, 0.35);
	z-index: 2;
}
.CruisesNew #cH {
	padding: 1px 20px;
	max-width: 1450px;
	margin: 0 auto;
	width: 96.90%;
	/*	background: url(/Templates/_images/cH_NZTA2013.gif) no-repeat 58% 0;*/
}
/* === [ header - logo ] === */

#cH .cLogo {
	/* float: left; */
	padding: 0px;
	width: 304px;
	clear: none;
	display: inline;
}
#cH .cLogo img {
	margin: auto;
	width: 400px;
}
@media screen and (max-width: 769px) and (min-width: 600px) {
	#cH .cLogo img {
		margin: auto 20px 0;
		width: 300px;
	}
}
#cH #cT .CustomCode .contact {
    margin: auto;
    max-width: 1000px;
}

/* === [ header banner ] === */

#cT {
	padding: 0px 0px 0px 0;
	margin: 0px 0 0px 0;
	float: right;
	width: 100%;
	clear: both;
}
.Home-2017 #cTabs2 .Banner, .Home-2017 #cTabs3 .Banner, .Home-2017 #cTabs3A .Banner {
    position: absolute;
    z-index: 0;
    overflow: hidden;
    width: 100%;
}
.Home-2017 #cTabs2 .HTMLContent, .Home-2017 #cTabs3 .HTMLContent, .Home-2017 #cTabs3A .HTMLContent {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	height: 411px;
	width: 470px;
	max-width: 100%;
	margin: 0 0 0 150px;
	padding: 20px 22px 0;
}
.Home-2017 #cTabs3 .HTMLContent {
	float: right;
	margin: 0 150px 0 0;
}


.Home-2017 #cTabs2 .HTMLContent:before,
.Home-2017 #cTabs3A .HTMLContent:before {
	content: '';
	width: 100%;
	height: 15px;
	background: #8bb86f;
	position: absolute;
	left: 0;
	top: -15px;
}

/* YY-24130-06-11-18 */.Home-2017 #cTabs3A .HTMLContent:before {
/* YY-24130-06-11-18 */	background: #f1493d;
/* YY-24130-06-11-18 */}
.Home-2017 #cTabs3 .HTMLContent:before {

	content: '';
	width: 100%;
	height: 15px;
	background: #99bbe8;
	position: absolute;
	left: 0;
	top: -15px;
}
/* === [ top  ] === */

.Home .videocontainer iframe {
	width: 498px;
	height: 280px;
}
#cB {
	display: block;
	clear: both;
	float: left;
	padding-bottom: 60px;
	margin: 0 0px 0 0;
	background: url(/Templates/_images/cB-imgBttm.gif) repeat-x bottom left;
}
.home #cB {
	padding-bottom: 30px;
}
.CruisesNew #cB {
	float: none;
	padding-bottom: 0px;
	background: none;
}
.CruisesNew #cPC .HTMLContent p {}
.CruisesNew #cPC .HTMLContent span {}
.CruisesNew #cPC .HTMLContent p.ChooseCurrency {
	margin: 0;
	color: #000000;
	font-weight: bold;
}
/* === [ main navigation ] === */

.CruisesNew #cNwrapper {
	padding: 5px 0px 6px 0;
	margin: 0 0 0px 0;
	float: right;
	width: 100%;
	clear: none;
}
#cN {
	position: relative;
	display: block;
	clear: both;
	z-index: 200;
}
#cNB {
	position: absolute;
	display: block;
	clear: both;
	z-index: 300;
	height: 30px;
	width: 955px;
	background: url(/Templates/_images/secondnav.gif) no-repeat bottom left;
	top: 536px;
	left: 0;
}
/* === [ Header Banner ] === */

#cBwrapper {
	height: 285px;
	clear: both;
	display: block;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.CruisesNew #cB {
	clear: both;
	display: block;
	margin: 0 auto;
}
.CruiseNZ #cB {
	border-bottom: 14px solid #8bb86f
}
.CruiseSP #cB {
	border-bottom: 14px solid #f1493d
}
.CruiseNZ #cFWrapper {
	border-top: 14px solid #8bb86f
}
.CruiseSP #cFWrapper {
	border-top: 14px solid #f1493d
}

/* YY-24130-29-10-18 */ .Yellowbanner #cB {
/* YY-24130-29-10-18 */ 	border-bottom: 14px solid #99bbe8;
/* YY-24130-29-10-18 */ }
/* YY-24130-29-10-18 */ .Yellowbanner #cFWrapper {
/* YY-24130-29-10-18 */ 	border-top: 14px solid #99bbe8;
/* YY-24130-29-10-18 */ }

.CruisesNew #cB .slidesjs-slide {
	left: 50%!important;
	margin-left: -1280px!important;
	position: absolute!important;
	top: 90px!important;
	width: 2560px!important;
	height: auto!important;
}
/* === [ Primary Container Wrapper ] === */

#cPCWrapper {
	float: left;
	width: 100%;
}
#cBC{
	position:absolute;
	margin-top:-40px;
}
#cPCinner {
	border-right: #cbd8e3 1px solid;
	margin: 0 226px 0 0;
}
#cTabTop {
	position: relative;
	display: block;
	clear: both;
	margin: 0 241px 20px 0;
}
/* === [ Primary Container ] === */

#cPC {
	padding: 0px 30px;
	min-height: 100px;
	display: block;
}
.Home-2017 #cPC {
	text-align: center;
	padding: 0;
}
.Home-2017 #cTabs1 {
	width: 930px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.layout1 #cPC
/* 3 column layout */

	{
	margin: 0 250px 0 250px;
	min-width: 390px;
	padding-top: 0;
}
.layout2 #cPC
/* 2 column layout (left column #cLS) */

	{
	margin: 0 0 0 180px;
}
.home .layout3 #cPC
/* 2 column layout (right column #cRS) */

	{
	margin: 0 0 0 0;
	padding: 0px 12px 20px 0;
	border: none;
}
.layout3 #cPC
/* 2 column layout (right column #cRS) */

	{
	margin: 0 241px 20px 0;
	border: none;
}
.layout4 #cPC
/* 1 column layout */

	{
	margin: 0 0 0 0;
	padding: 30px 0;
}
.rTableCell {
	display: inline-block;
}
#RequestFormIframe #cPC {
	padding: 0;
}
/* jQuery Countdown styles 2.0.0. */

.is-countdown {
	border: 1px solid #ccc;
	background-color: #eee;
}
.countdown-rtl {
	direction: rtl;
}
.countdown-holding span {
	color: #888;
}
.countdown-row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown-show1 .countdown-section {
	width: 98%;
}
.countdown-show2 .countdown-section {
	width: 48%;
}
.countdown-show3 .countdown-section {
	width: 32.5%;
}
.countdown-show4 .countdown-section {
	width: 24.5%;
}
.countdown-show5 .countdown-section {
	width: 19.5%;
}
.countdown-show6 .countdown-section {
	width: 16.25%;
}
.countdown-show7 .countdown-section {
	width: 14%;
}
.countdown-section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown-amount {
	font-size: 200%;
}
.countdown-period {
	display: block;
}
.countdown-descr {
	display: block;
	width: 100%;
}
/* ========= PROMOTION PAGE START ====================== */

.promotion #cPCWrapper {
	background: url(/Templates/_images/PromoCPCwrapper-Bottom.jpg) no-repeat bottom left;
	margin-bottom: 30px;
}
.promotion #cPCPromoInner {
	background: url(/Templates/_images/PromoCPCinner-Top.jpg) no-repeat top left;
	min-height: 350px;
	padding: 150px 485px 40px 45px;
	width: 425px;
}
.promotion #cPCPromoInner .HTMLContent,
.promotion #cPCPromoInner .HTMLContent a {
	color: #ffffff;
}
.promotionTC #cPCWrapper {
	background: url(/Templates/_images/PromoTC-CPCwrapper-Bottom.jpg) no-repeat bottom left;
	margin-bottom: 30px;
}
.promotionTC #cPCPromoInner {
	background: url(/Templates/_images/PromoTC-CPCinner-Top.jpg) no-repeat top left;
	min-height: 286px;
	padding: 150px 227px 0px 45px;
	width: 683px;
	color: #172953;
}
.promotion #cPC {
	min-height: 280px;
}
.promotion .layout4 #cPC {
	padding: 30px 0 0 0;
}
#cPCBottom {
	position: relative;
	display: block;
	clear: both;
	border: #d7d7d7 1px solid;
	background: #f9f9f9;
	padding: 15px 30px;
}
/* ========= BAY OF ISLANDS PROMOTION  ====================== */

.promotion.bayofislandholiday #cPCWrapper {
	background: url(/Templates/_images/PromoCPCwrapper-Bottom_BOI.jpg) no-repeat bottom left;
}
.promotion.bayofislandholiday #cPCPromoInner {
	background: url(/Templates/_images/PromoCPCinner-Top_BOI.jpg) no-repeat top left;
}
.promotionTC.bayofislandholiday #cPCWrapper {
	background: url(/Templates/_images/PromoTC-CPCwrapper-Bottom_BOI.jpg) no-repeat bottom left;
}
.promotionTC.bayofislandholiday #cPCPromoInner {
	background: url(/Templates/_images/PromoTC-CPCinner-Top_BOI.jpg) no-repeat top left;
}
/* ========= PROMOTION PAGE END ====================== */

/* === [ Left Side Column ] === */

#cLS {
	float: left;
	margin-left: -100%;
	width: 240px;
	padding: 10px;
}
/* === [ Right Side Column ] === */

#cRS {
	float: right;
	margin-left: -100%;
	width: 214px;
	padding: 0 0px 30px 0px;
	min-height: 633px;
	background: url(/Templates/_images/cRS.gif) no-repeat top right;
	margin-top: 10px;
}
.layout3 #cRS {
	padding-top: 0px !important;
}
.home #cRS {
	width: 194px;
	padding: 50px 10px 30px 10px;
	margin-top: 0px;
	background: url(/Templates/_images/cRShome.gif) no-repeat top right;
}
/* === [ CRUISES ] === */

.CruisesNew #cLS {
	padding: 0 0 0 0;
}
body.scrolled-over-650 .CruisesNew #cLS {
	position: fixed;
	margin: 0;
	top: 10px;
	z-index: 500;
}
/* === [ Right Side Column ] === */

.CruisesNew #cRS {
	width: 250px;
	min-height: auto;
	background: none;
	padding-top: 0;
	margin-top: 0;

}
.CruisesNew #cRS .HTMLContent {
	clear: both;
}
/* === [ footer ] === */

#cFWrapper {
	background: #002555 url(/Templates/_images/cF.gif) repeat-x top left;
}
#cFWrap2 {
	background: url(/Templates/_images/Footer.jpg) no-repeat top left;
}
#cFinner:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#cFinner {
	position: relative;
	margin: 0px auto;
	/* width: 955px; */
	display: block;
	padding: 45px 0 20px 0;
	text-align: center;
}
.CruisesNew #cFinner {
	padding: 45px 20px 20px 20px;
	width: 96.90%;
}
#cF {
	clear: both;
}
/* === [ copyRight ] === */

#cC {
	color: #ffffff;
	font-size: 0.9em;
	padding: 10px 0;
}
#cC a {
	color: #fff;
	text-decoration: none;
}
#cC a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#cC .CustomCode {
	font-size: 1.2em;
	text-transform: uppercase
}
/* ========================================= [ STICKY NAV ON LEFT SIDE OF CRUISES PAGES ] ================================================================ */

.stickynav {
	background: #f8f8f8;
	border: 1px solid #f0f0f0;
	padding: 50px 0;
}
.stickynav ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.stickynav ul li {
	list-style: none;
	border-radius: 4px;
	padding: 6px 10px;
	margin-bottom: 2px;
	text-align: center;
	font-size: 16px;
	/* font-weight: bold; */
	font-family: "trajan-pro-3", serif;
	text-transform: uppercase;
}
.stickynav ul li:hover {}
.stickynav ul li a {
	text-decoration: none;
	color: #747373;
	display: inline-block;
	border-bottom: 1px solid #dedddd;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0
}
.stickynav ul li:hover a {
	color: #b4a04c;
	border-bottom: 1px solid #b4a04c;
}
/* === [ PHOTO GALLERY ARROWS on Cruises pages ] ============================== */

.customNavigation {}
.customNavigation .btn-prev {
	position: absolute;
	bottom: 7px;
	left: 0;
	background: url(../../Templates/_images/gallery_arrows.gif) no-repeat 0 0;
	text-indent: -9999px;
	width: 31px;
	height: 21px;
	cursor: pointer;
}
.customNavigation .btn-prev:hover {
	background: url(../../Templates/_images/gallery_arrows.gif) no-repeat 0 -81px;
}
.customNavigation .btn-next {
	position: absolute;
	bottom: 7px;
	right: 0;
	background: url(../../Templates/_images/gallery_arrows.gif) no-repeat 0 -41px;
	text-indent: -9999px;
	width: 31px;
	height: 21px;
	cursor: pointer;
}
.customNavigation .btn-next:hover {
	background: url(../../Templates/_images/gallery_arrows.gif) no-repeat 0 -122px;
}
/* ========================================= [ CONTENT TABS ] ================================================================ */

/* Surrounding DIVs */

#panelContainer {
	margin: 0px 0 0 0;
	padding: 0px;
	position: relative;
}
#cTabs {
	margin: 0px 0 0 0;
	padding: 0px;
	position: relative;
}
/* 3 column layout - Must match cPC */

.layout3 #panelContainer {
	margin: 0px 241px 30px 0;
	padding: 30px;
	border: #cbd8e3 1px solid;
}
.layout3 #cTabs {
	margin: 20px 240px 0 0px;
}
/* Surrounding DIV */

#tabContainer {}
/* List Styles */

#tabContainer ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#tabContainer li {
	float: left;
	padding: 0px;
	margin: 0px 2px 0 0;
	list-style-type: none;
}
#tabContainer ul li {
	float: left;
	padding: 0px 0 0 0;
	margin: 0px 0 0 0px;
	list-style-type: none;
}
#tabContainer li a {
	text-decoration: none;
}
#tabContainer li a span {
	cursor: pointer;
	display: block;
	position: relative;
	color: #436077;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	width: 117px;
	background: #beccd7;
	text-align: center;
	padding: 5px 0px 3px 0px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#tabContainer li a span:hover {
	margin-top: -3px;
	padding: 5px 0px 6px 0px;
}
#tabContainer li a.tabs_on span {
	background: #2c73b6;
	text-align: center;
	margin-top: -5px;
	padding: 5px 0px 8px 0px;
	cursor: default;
	color: #FFFFFF;
}
.CruisesNew .tab_content {
	/* border-bottom: #d7d7d7 1px solid; */
	/* padding-bottom: 20px; */
	margin-bottom: 70px;
}
.CruisesNew .tab_content#cTabs1,
.CruisesNew .tab_content#cTabs2,
.CruisesNew .tab_content#cTabs3,
.CruisesNew #GalleryWrapper,
.CruisesNew #CTA {
	text-align: center
}
.CruisesNew #CTA {
	margin: 20px
}
.Home-2017 #cTabs4.tab_content {
	padding: 20px 160px;
	background: #f8f8f8
}
.CruisesNew #cTabs6.tab_content {
	border-bottom: none;
}
.suites {
	border-bottom: #cdcbcb 2px solid;
	margin-bottom: 10px;
}
.suites:last-child {
	border-bottom: none;
}
.suites span {
	display: inline-block;
	min-width: 130px;
	font-weight: bold;
}
.team {
	padding: 10px 0 0 0;
	height: auto;
	overflow: auto;
	display: block;
	clear: both;
	border-bottom: #cdcbcb 1px solid;
}
.team p {
	float: right;
	width: 78%;
}
/* ========================================= [ END CONTENT TABS ] ================================================================ */

/* -----[ IE6 ]------------------------------------------------------------------------------- */

* html #cRS {
	margin-left: -214px;
}
*:first-child+html #cRS {
	margin-left: -214px;
}
/* -----[ Clearings ]-------------------------------------------------------------------------- */

.clearLeft,
.clear {
	height: 0;
	font-size: 0;
	line-height: 0;
}
.clearLeft {
	clear: left;
}
.clear {
	clear: both;
}
/* -----[ Printing ]-------------------------------------------------------------------------- */

@media print {
	body {
		font-size: 12pt;
	}
	#cRS,
	#cLS,
	#cTL,
	#cS,
	#cT,
	#cB,
	#cH,
	#cN {
		display: none;
	}
	#cPC {
		margin: 0px;
		padding: 0px 0px 20px 0px;
		border-top-style: none;
		border-left-style: none;
	}
	.layout1 #cPC/* 3 column layout */
		{
		margin: 0px;
		padding: 0px 0px 20px 0px;
	}
	.layout2 #cPC/* 2 column - left */
		{
		margin: 0px;
		padding: 0px 0px 20px 0px;
	}
	.layout3 #cPC/* 2 column - right */
		{
		margin: 0px;
		padding: 0px 0px 20px 0px;
	}
	.layout4 #cPC/* 1 column */
		{
		margin: 0px;
		padding: 0px 0px 20px 0px;
	}
	#ctl04_cT_ctl02_ibBanner img {
		margin-top: -25px;
	}
}