@charset "utf-8";
/* Master CSS Document for 360 Discovery Cruises website - www.360discovery.co.nz
   Created by Rebecca Dai | bocapa.com Ltd */


/*----------------  PAGE STRUCTURE  --------------

---------------------------------------------------*/

body  {

	color:#565c66; /*off charcoal*/

	line-height:19px;
	background: #dbefff; /*baby blue*/
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	position: relative;
	width: 946px;
	margin: 0 auto;
	text-align: left;
}
#header {
	width:946px;
	height:127px;
	background-position: left top;
}
#logo {
	position:absolute;
	top:10px;
	left:29px;
	width:121px;
	height:106px;
	background-position: left top;
}
#twitterLogo {
	position:absolute;
	top:50px;
	right:0px;
	width:280px;
	height:44px;
	background-position: left top;
}
/*

#menu {

	width:946px;

	height:43px;

	position:relative;

	background-image: url(../images/bg-menu.gif);

	background-repeat:no-repeat;

	background-position: top;

	z-index:10;

} 

*/

#mainContent {
	width:946px;
	position:relative;
	background-image: url(../images/bg-content-main.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin:0px;
}
#sideMenu {
	position:relative;
	float: left;
	width: 211px;
	margin: 0px 0px 0px 9px;
	background-image: url(../images/bg-content-top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#FFFFFF;
	z-index:500;
}
#sideMenuIcons {
	position:relative;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 40px;
}
* html #sideMenu { 	/*IE hack*/
	margin: 0px 0px 0px 3px;
}
#content, #content2Col, #content1Col, #content2ColExpand {
	position:relative;
	float: left;
	width:426px;
	padding: 0px 30px; /*30px left, right*/
	background-image: url(../images/bg-content-top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#FFFFFF;
}
#contentGallery {
	position:relative;
	float: left;
	width:657px;
	padding: 0px 30px; /*30px left, right*/
	background-image: url(../images/bg-content-top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#FFFFFF;
}
#content2Col { /*MAIN PAGES - TEMPLATE MAIN*/
	width:637px;
	margin: 0px 0px 0px 9px;
}
#content2ColExpand { /*WHERE TO STAY COROMANDEL - TEMPLATE 2-COL-WHERE-TO-STAY*/
	width:677px;
	float:left;
	margin: 0px;
	padding: 0px 20px;
}
#content1Col { /*HOT DEALS - TEMPLATE HOT DEAL*/
	width:868px;
	margin: 0px 0px 0px 9px;
}
.hotDealBox {
	width:380px;
	height:220px;
	margin: 10px 0px 10px 20px;
	border:solid 1px #ccc;
	padding:8px;
	float:left;
	
}
.whereToStayBox {
	width:305px;
	height:180px;
	margin: 10px 15px 10px 0px;
	border:solid 1px #ccc;
	padding:8px;
	float:left;
}

.packageOfferBox {
	position:relative;
	width:305px;
	height:230px;
	margin: 10px 15px 10px 0px;
	border:solid 1px #ccc;
	padding:8px;
	float:left;
	/*background-image:url(../images/icon-our-pick.gif);*/
	background-repeat:no-repeat;
	background-position:right top;
}

#rightCol {
	position:relative;
	float: left;
	width:211px;
	/*min-height:476px;
	heigh\t: 476px; /*IE6 fix*/
	background-color: #fff;
	background-image: url(../images/bg-content-top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 20px 10px 0px 10px;
}
#galleryTitle {
	position:relative; /*yes!*/
	width:200px;
	background-color:#6fcde4;
	border: 4px solid #dbefff;
	margin-bottom:16px;
}
#gallery {
	position:relative; /*yes!*/
	width:208px;
}

#contentBtm {
	position:relative;
	width:946px;
	height:25px;
	background-image: url(../images/bg-content-bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer {
	position:relative;
	width:946px;
	height:176px;
	padding: 0px;
	background-image: url(../images/bg-footer.gif);
	background-repeat: no-repeat;
}
#footerMenu1 {
	position:absolute;
	width:233px;
	left:0px;
	top:30px;
}
#footerMenu2 {
	position:absolute;
	width:233px;
	left:233px;
	top:30px;
}
#footerMenu3 {
	position:absolute;
	width:233px;
	left:466px;
	top:30px;
}
#footerMenu4 {
	position:absolute;
	width:233px;
	left:699px;
	top:30px;
}
#footerCopyright {
	position:absolute;
	width:946px;
	top:180px;
	text-align:center;
	line-height:18px;
	color:#808487;/*grey*/
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*-------------------- SIDE MENU ----------------------

----------------------------------------------------------*/
#sideMenu ul {
	margin:0px;
	padding:0px;
	margin-left:22px;
	margin-top:69px; /*#sideMenu H1 margin-top plus #sideMenu H1 line-height*/
}
#sideMenu li {
	line-height:34px;
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	text-transform:uppercase;
	list-style:none;
	border:0px;
}
#sideMenu li a:link, #sideMenu li a:visited {
	color:#4075ab; /*blue*/
	text-decoration:none;
	font-weight:bold;
	background-image:url(../images/button-side-menu-red.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #4075ab;
	background-position:top right;
	display:block;
}
#sideMenu li a:hover {
	background-position: bottom right;
}



/*---------  SIDE MENU HOVER COLOURS  -----------------

--------------------------------------------------*/

#sideMenu ul.arrowPurple li a:link, #sideMenu ul.arrowPurple li a:visited {
	color:#4075ab; /*blue*/
	text-decoration:none;
	font-weight:bold;
	background-image: url(../images/button-side-menu-purple.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #4075ab;
	background-position:top right;
	display:block;
}
#sideMenu ul.arrowPurple li a:hover {
	background-position: bottom right;
}
#sideMenu ul.arrowYellow li a:link, #sideMenu ul.arrowYellow li a:visited {
	color:#4075ab; /*blue*/
	text-decoration:none;
	font-weight:bold;
	background-image: url(../images/button-side-menu-yellow.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #4075ab;
	background-position:top right;
	display:block;
}
#sideMenu ul.arrowYellow li a:hover {
	background-position: bottom right;
}
#sideMenu ul.arrowGreen li a:link, #sideMenu ul.arrowGreen li a:visited {
	color:#4075ab; /*blue*/
	text-decoration:none;
	font-weight:bold;
	background-image: url(../images/button-side-menu-green.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #4075ab;
	background-position:top right;
	display:block;
}
#sideMenu ul.arrowGreen li a:hover {
	background-position: bottom right;
}
#sideMenu ul.arrowDarkGreen li a:link, #sideMenu ul.arrowDarkGreen li a:visited {
	color:#4075ab; /*blue*/
	text-decoration:none;
	font-weight:bold;
	background-image: url(../images/button-side-menu-darkGreen.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #4075ab;
	background-position:top right;
	display:block;
}
#sideMenu ul.arrowDarkGreen li a:hover {
	background-position: bottom right;
}
#sideMenu ul.arrowTeal li a:link, #sideMenu ul.arrowTeal li a:visited {
	color:#4075ab; /*blue*/
	text-decoration:none;
	font-weight:bold;
	background-image: url(../images/button-side-menu-teal.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #4075ab;
	background-position:top right;
	display:block;
}
#sideMenu ul.arrowTeal li a:hover {
	background-position: bottom right;
}
#sideMenu ul.arrowBlue li a:link, #sideMenu ul.arrowBlue li a:visited {
	color:#4075ab; /*blue*/
	text-decoration:none;
	font-weight:bold;
	background-image: url(../images/button-side-menu-blue.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #4075ab;
	background-position:top right;
	display:block;
}
#sideMenu ul.arrowBlue li a:hover {
	background-position: bottom right;
}

#sideMenu ul.arrowViolet li a:link, #sideMenu ul.arrowViolet li a:visited {
	color:#4075ab; /*blue*/
	text-decoration:none;
	font-weight:bold;
	background-image: url(../images/button-side-menu-violet.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #4075ab;
	background-position:top right;
	display:block;
}
#sideMenu ul.arrowViolet li a:hover {
	background-position: bottom right;
}
/*-----------  SIDE MENU DROP DOWN  --------------

---------------------------------------------------*/

#sideMenu ul li ul {
	position:absolute;
	top:68px;
	left: 210px;
	width:240px;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	border:4px solid #dbefff;
	color:#4075ab;
}
#SubWhatToDo {
	display:none;
}
#sideMenu ul li ul li a:link, #sideMenu ul li ul li a:visited {
	text-decoration:none;
	font-weight:normal;
	border-bottom:1px dotted #4075ab;
	background:none;
	margin-left:18px;
	margin-right:18px;
}
#sideMenu ul li ul li a:hover {
	color: #6fcde4;
}




/*-----  HEADER & FOOTER LINKS / LISTS   -------

----------------------------------------------*/

#header ul {
	position:absolute;
	top:10px;
	right:10px;
	margin:0px;
}
#header li a:link, #header li a:visited {
	color:#0171B9;/*blue*/
	font-weight:200;
	text-decoration:underline;
}
#header li a:hover {
	text-decoration:none;
}
#header li {
	display:inline;
	margin-left:20px;
}
#footer ul {
	position:absolute;
	top:30px;
	left:40px;
	margin:0px;
	padding:0px;
}
#footer li {
	display: block;
	color:#FFFFFF;
	font-size:12px;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
#footer li a:link, #footer li a:visited {
	float:left;
	width:180px; /*defines width of each line*/
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}
#footer li a:hover {
	text-decoration:underline;
}
#footer h5 a:link, #footer h5 a:visited {
	color:#fff;
	text-decoration:none;
}
#footer h5 a:hover {
	color:#ffc425;
}
#footerCopyright a:link, #footerCopyright a:visited {
	color:#349b23; /*green*/
	font-weight:normal;
	text-decoration:none;
}
#footerCopyright a:hover {
	text-decoration:underline;
}


/*-----------------  LINK FORMATTING  ----------

---------------------------------------------------*/



a:link, a:visited {
	color:#66bace; /*blue*/
	text-decoration:underline;
	font-weight:bold;
	border:0px;
}
a:hover {
	text-decoration:none;
}



#gallery a:link, #gallery a:visited {
	color:#005696; /*blue*/
	text-decoration:underline;
	font-weight:normal;
	float:right;
}
#gallery a:hover {
	text-decoration:none;
}
#content h3 a:link, #content h3 a:visited {
	color: #66bace; /*light blue*/
	text-decoration:underline;
	font-weight:bold;
}
#content h3 a:hover {
	color: #ffc425; /*yellow*/
	font-weight:bold;
}
.goTop {
	float:right;
	margin-left:300px;
}
.hotDealBox a:link, .hotDealBox a:visited {
	color: #6fcde4;
	text-decoration:underline;
}
.hotDealBox a:hover {
	text-decoration:none;
}




/*------------------GENERAL TEXT, LIST FORMATTING -------------

-----------------------------------------------------------------*/

p {
	margin:0px;
	padding-bottom:10px;
	line-height:19px;
	margin-bottom:0px;
}
#content h1, 
#contentGallery h1, 
#content2Col h1, 
#content1Col h1, 
#content2ColExpand h1 {
	font-size: 28px;
	font-family:"Trebuchet MS", Tahoma, Arial;
	text-transform: uppercase;
	margin:0px;
	margin-top:48px;
	padding-bottom: 7px;
}
#sideMenu h1 {
	position:absolute;
	float:right;
	width:189px; /*same as #sideMenu width*/
	left:22px;
	margin:0px;
	margin-top:40px;
	font-size: 16px;
	line-height:29px;
	font-family:"Trebuchet MS", Tahoma, Arial;
	text-transform: uppercase;
	border-bottom:1px dotted #4075ab;
}
#content h2, 
#content2Col h2 {
	font-size: 18px;
	color: #005696; /*dark blue*/
	border-bottom:1px dotted #005696;
	margin-right:80px;
	padding:0px;
}


#content1Col h2 {
	color:#d21242;
	font-size:13px;
	font-weight:bold;
	text-transform: capitalize;
	margin:0px;
	padding-top:0px;
	padding-bottom:10px;
}

.packageOfferBox h2 {
	color:#d21242;
	font-size:16px;
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma, Arial;
	text-transform: uppercase;
	margin:0px;
	padding-top:0px;
	padding-bottom:5px;
}


#content h3, 
#content2Col h3 {
	font-size: 14px;
	color: #66bace; /*light blue*/
	text-decoration:underline;
	font-weight:bold;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
}
.hotDealBox h3, 
.whereToStayBox h3,
.packageOfferBox h3 {
	color:#d21242;
	font-size:14px;
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma, Arial;
	text-transform: uppercase;
	margin:0px;
	padding-top:0px;
	padding-bottom:5px;
}

.hotDealBox h4, 
.whereToStayBox h4,
.packageOfferBox h4 {
	color:#66bace;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding-top:0px;
	padding-bottom:5px;
}

#content h4, 
#content2Col h4, 
#content1Col h4, 
#content2ColExpand h4 {
	font-size: 14px;
	text-transform: lowercase;
	margin:0px;
	padding-top:0px;
	padding-bottom:20px;
}
#galleryTitle h4 {
	font-size: 14px;
	color:#fff;
	text-transform: uppercase;
	font-weight:bold;
	text-align:center;
	line-height: 38px;
	margin:0px;
	padding:0px;
}
#footer h5 {
	position:absolute;
	float:right;
	left:40px;
	margin:0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
#footer h5.yellow {
	color:#ffc425;
}
#footer li h6 {
	color:#FFFFFF;
	font-size:14px;
	font-weight: bold;
	margin:0px;
	padding:0px;
}
.hotDealBox p, 
.whereToStayBox p{
	line-height:16px;
}

.packageOfferBox p {
	line-height:16px;
	padding-top:10px;
}
.red {
	color: #d21242; /*red*/
}
.green {
	color: #8aab3c; /*green*/

}
.darkGreen{
	color: #008444; /*dark green*/
}

.blue {
	color: #66bace; /*light blue*/
}


.purple {
	color: #936fb1; /*purple*/
}
.teal {
	color: #00b1b0; /*teal. dark cyan*/
}
.violet{
	color: #9b0254   /*violet*/
}
.yellow {
	color: #ffc425; /*yellow*/
}
.grey {
	color: #999999; /*grey*/
}
.greyCommentContent {
	color: #999999;
	line-height:14px;
	font-size:11px;
}
.ruby {
	color:#ef008e;
	font-size:13px;
	line-height:40px;
}

.redBold {
	color: #d21242; /*red*/
		font-weight:bold;
}

.redPriceText {
	color: #d21242; /*red*/
	font-size:15px;
	font-weight:200;
	letter-spacing: 0.1em;
}
.greenBold {
	color: #8aab3c; /*green*/
		font-weight:bold;

}
.blueBold {
	color: #66bace; /*light blue*/
		font-weight:bold;
}
.bluePriceText {
	color: #66bace; /*light blue*/
	font-size:15px;
	font-weight:200;
	letter-spacing: 0.1em;
}

.purpleBold {
	color: #936fb1; /*purple*/
		font-weight:bold;
}

.tealBold {
	color: #00b1b0; /*teal. dark cyan*/
	font-weight:bold;
}
.yellowBold {
	color: #ffc425; /*yellow*/
	font-weight:bold;
}
.greyBold {
	color: #999999; /*grey*/
	font-weight:bold;
}

.rubyBold {
	color:#ef008e;
	font-size:13px;
	line-height:40px;
	font-weight:bold;
}
.brightBlueCaptionText{
	color: #0099FF;
	line-height:12px;
	font-size:11px;
}
.upperCase {
	text-transform:uppercase;
}

.priceTeal {
	color: #00b1b0;
	font-weight:bold;
}
.redRightAlign {
	color: #d21242; /*red*/
	text-align:right;
}
.textAlighRight {
	text-align:right;
	margin-right:15px;
}

.lineHeight16px{
	line-height:16px;
}

.marginZero {
	margin:0px;
}

.marginTop20px{
	margin-top:10px;
}

#content ul li,  
#content ol li {
	padding-bottom: 10px;
}



/*--------   GENERAL IMAGE FORMATTING  --------------

----------------------------------------------*/

img {
	border:0px;
}

img#festive{
    position: relative;
    top: 20px;
    left: 200px;
}

#gallery img {
	border:1px solid #e1e2e2; /*light grey*/
	padding: 4px;
	margin-bottom: 10px;
	width:200px;
}
.hotDealBox img {
	float:right;
	width:200px;
	margin-left:8px;
/*	margin-top:10px;
*/	border:1px solid #e1e2e2; /*light grey*/
	padding: 4px;
	margin-bottom: 10px;
}

.hotDealBox img.peace {
	
	width:140px;
}
.whereToStayBox img {
	float:right;
	width:170px;
	height:115px;
	margin-left:8px;
	margin-top:0px;
	border:1px solid #e1e2e2; /*light grey*/
	padding: 4px;
}

.packageOfferBox img {
	float:right;
	width:170px;
	height:115px;
	margin-left:8px;
	margin-top:13px;
	border:1px solid #e1e2e2; /*light grey*/
	padding: 4px;
	z-index:50;
}
.packageOfferBox .ourPick {
	position:absolute;
	top:8px;
	right:5px;
	z-index:100;
	width:64px;
	height:69px;
	border:none;
	display:block;
	margin:0px;
	padding:0px;
}
.footerSpacer {
	position:absolute;
	left:230px;
}
.bookNow {
	border:0px;
	margin-left:300px;
	float:right;
}

.bookNowArrowRed {
	background-image:url(../images/arrow-book-now-red.gif);
	background-position:-2px -1px;
	background-repeat:no-repeat;
	border:0px;
	padding-left:20px;
}
.viewOfferArrow {
	border:0px;
	background-image: url(../images/arrow-book-now-blue.gif);
	background-repeat: no-repeat;
	background-position: -2px -1px;
	padding-left:20px;
}

.viewOfferBoxArrow:link, .viewOfferBoxArrow:visited {
	border:0px;
	background-image: url(../images/arrow-book-now-blue.gif);
	background-repeat: no-repeat;
	background-position: -2px -1px;
	padding-left:20px;
	display:block;
}
.iconLink {
	border:0px;
	padding-left:10px;
}
.downloadBrochure {
	border:0px;
	float:right;

}

.mapLarge {
	border:1px solid #e1e2e2; /*light grey*/
	padding: 4px;
}

#mapTiritiri {
	width:603px;
	height:790px;
	background-image:url(../maps/map-360-tiritiri-mantangi.jpg);
	background-repeat:no-repeat;
}

#mapTiritiri img{
	border:1px solid #e1e2e2; /*light grey*/
}

.printIcon{
	background-image: url(../images/icon-print.gif);
	background-repeat:no-repeat;
	background-position: 0px -5px;
	float:right;
	margin-right:5px;
	padding-left:30px;
}

.floatLeft{
	float:left;
	margin-right:20px;
}

.floatRight{
	float:right;
	margin-left:20px;
}
/*------------------- TABLE FORMATTTING ----------

------------------------------------------------*/

table {
	background: none;
	border:0px;
	width: 400px;
}
table td {
	padding:5px 8px 5px 8px;
	background-color:#e1f4fd;
}
tr.tableCellBlue td {
	background-color: #aae1fa;
	color:#005696;
	font-size:13px;
	font-weight:bold;
	line-height:34px;
	margin:0px;
}
table.wide {
	background: none;
	border:0px;
	width: 560px;
	text-align:left;
}
table.wide td {
	background-color:#fff;
	border:0px;
	padding:10px;
}
table.timetableCoromandel {
	width: 420px;
	text-align:left;
}
table.timetableCoromandel td {
	padding:5px;
}


/* flickr gallery */

.photo {
	position:relative;
    float:left;
    margin-left:10px;
    padding-bottom:10px;
}

.photo img {
	border:1px solid #e1e2e2; /*light grey*/
	padding: 2px;

}