@import url("/globalstyles.css");

body {
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    font-size:11px;
    background-color: #336699;
}

body { margin: 0; padding: 0; }
ul, li { margin: 0; padding: 0; }
img { border: 0; }

.title { color: #284265; font-size: 16px; font-weight: bold; }
.titleSub { color: #284265; font-size: 12px; font-weight: bold; }
.req { color: Red }
.errorMsg { font-weight: bold; color: Red; }
.successMsg { font-weight: bold; color: Green; }
.buttonRow { height: 35px; width: 100%; }
.buttonRow .left { float: left; }
.buttonRow .left label
{
	padding:0;
	margin:0 0 0 3px;
	color:#000;
	font:normal 11px Tahoma,Arial,sans-serif;
}
.buttonRow .left label a { color:#ff0000; text-decoration:underline; }
.buttonRow .left label a:hover { color:#000; text-decoration:underline; }
.buttonRow .right { float: right; text-align: right; }
.buttonRow .clear { clear: both; }
div.aLink { padding-left: 10px; background: url(images/icon-top.gif) no-repeat scroll 0 0; cursor: pointer; margin-bottom: 10px; width: 70px; }
span.link { cursor: pointer; }

div.aFooter { width: 716px; height: 30px; margin-top: 10px; }
div.aFooter .aLink { float: left; margin-top: 5px; width: 100px; }
div.aFooter .aLinks { float: right; width: 586px; text-align: right; padding: 0 20px 0 0; }
.clear { clear: both; font-size: 1px; height: 1px; overflow: hidden; }

#divRecommend table { width: 460px; }
#divRecommend table td { padding: 2px; }
#divRecommend table td.tbl_td1 { width: 110px; }
#divRecommend table td.tbl_td2 { width: 290px;  }

#divError { font-size: 12px; width: 600px; }
#divError ul { padding-left: 30px; }
#divError ul, #divError ul li { list-style: none }

/* For GRIDs */
.tblGrid { width: 100%; }
.tblGrid tr.h { background-color: #369; color: #fff; height: 20px; font-size: 11px; }
.tblGrid tr.row1 { background-color: #EBEBEB; }
.tblGrid tr.row2 { background-color: #F5F5F5; }

/* CSS Style for My Bookings */
#divBookings { width: 700px; }
#divBookings .box { padding: 10px 0; width: 100%; background-color: #ebf7fb; border: 1px solid #99ccff; margin-bottom: 10px;}
#divBookings .bookingStatusNote { padding: 10px 0; width: 100%; height: 35px; background-color: #ebf7fb; border: 1px solid #99ccff; margin-top: 20px;}
#divBookings .bookingStatusNote .header
{
	font-weight:bold;
	font-size:11px;
	padding:0 0 5px 10px;
	clear:both;
}
#divBookings .bookingStatusNote .bullet
{
	float:left;
	background:transparent url(images/toursearchresult/grey_bullet.gif) no-repeat 2px 5px;
	margin:0 0 0 10px;
	padding:0 0 2px 14px;
}

/* CSS Style for Sign In Page */
#divSignInPanel { width: 900px; padding-left: 40px; color: #000; line-height: 20px; } 
#tblSignIn { width: 400px; margin-top: 10px; border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; }
#tblSignIn td.sign_td1 { width: 70px; }
#tblSignIn td.sign_td2 { width: 330px; }
#tblSignIn td.sign_td3 { width: 20; }
#tblSignIn td.sign_td4 { width: 300px; }
#tblSignIn td.sign_td5 { width: 80px; }

/* CSS Style for Shopping Cart */
#divCartHeader { margin: 0 10px; width: 600px; height: 40px; padding: 20px 0 0 200px; background: url(/App_Themes/Default/images/header-cart.jpg) no-repeat left top; }
.divCartValidationSummary { margin:0; padding:10px 0 10px 20px; width:600px; }
#divCartPanel, #divPaymentPanel { width: 964px; padding: 0 10px; }
#tblCart { width:100%; color: #000; border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; }
#tblCart tr td { margin: 0; padding: 4px; border-width: 1px 1px 0 0; }
#tblCart tr.cart_h  { color: #FFF; background-color: #284265; font-weight:bold; font-size:12px; }
#tblCart td.cart_td1 { width: 80px; }
#tblCart td.cart_td2 { width: 140px; }
#tblCart td.cart_td3 { width: 274px; }
#tblCart td.cart_td4 { width:250px; }
#tblCart td.cart_td5 { width: 80px;}
#tblCart td.cart_td6 { width: 140px;}
#tblCart tr.cart_f  { color: #000; background-color: #CCC; }

#tblCart .paxInfo { cursor: pointer; font-size: 12px; }
#tblCart .paxInfo a {color: #003366; text-decoration: underline;}
#tblCart .row1 { background-color: #EBEBEB; }
#tblCart .row2 { background-color: #FFF; }
#tblCart .desc { font-weight: bold; }
#tblCart .price { font-weight: bold; font-size: 12px; }
#tblCart .grandtotal { font-weight: bold; font-size: 12px; }
#tblCart .totalprice { font-weight: bold; font-size: 12px; text-decoration: underline; color: Red; }
#tblCart a:active, #tblCart a:link, #tblCart a:visited { color: #003366; text-decoration: underline; }
#tblCart a:hover { color: #FF6633; }

#tblCart .tblPax { border: 1px solid #999; border-spacing: 0; border-collapse: collapse;}
#tblCart .tblPax tr.pax_h { background-color: #999; color: #FFF;}
#tblCart .tblPax td.pax_td1 { width: 20px; }
#tblCart .tblPax td.pax_td2 { width: 100px; }
#tblCart .tblPax td.pax_td3 { width: 70px; }
#tblCart .tblPax td.pax_td4 { width: 90px; }
#tblCart .tblPax td.pax_td5 { width: 100px; }
#tblCart .tblPax td.pax_td6 { width: 30px; }
#tblCart .tblPax .row3 { background-color: #CCC; }
#tblCart .tblPax .row4 { }
.cssBtnCheckOut, .cssBtnConfirm {
	color: #ffffcc;
	background: url(images/bg-button.gif) #cc6600;
    border: 1px solid #ff9900;
    font-weight: bold; 
    cursor:pointer;
}

/* CSS Style for Shopping Cart Payment */
#divPaymentPanel { color: #000; line-height: 20px; }
#tblPayment, #tblPayment table { border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; }
#tblPayment table td { padding: 2px; }
#tblPayment td.pay_td1 { width: 300px; }
#tblPayment td.pay_td2 { width: 40px; border-left: 1px dashed #666; }
#tblPayment td.pay_td3 { width: 600px; }
#tblPayment .tblLeft { width: 300px; }
#tblPayment .tblLeft td.tbl_td1 { width: 120px; }
#tblPayment .tblLeft td.tbl_td2 { width: 180px; }
#tblPayment .tblRight { width: 600px; margin-bottom: 10px; border: 1px solid #ccc; } 
#tblPayment .tblRight td.tbl_td1 { width: 120px; }
#tblPayment .tblRight td.tbl_td2 { width: 150px; }
#tblPayment .tblRight td.tbl_td3 { width: 330px; }
#tblPayment .tblRight tr.h { background-color: #284265; color: #fff; }
#tblPayment .tblRight tr.h2 { background-color: #ddd; }

/* CSS Style for Feedback Form; feedback.aspx */
#divFeedback { width: 700px; margin: 0 10px 10px 10px; color: #000; line-height: 20px; }

/* CSS Style for Enquiry Form; enquiry.aspx */
#divEnquiry { width: 700px; margin: 0 10px 10px 10px; color: #000; line-height: 20px; }
#divEnquiry .tbl { width: 100%; margin: 5px; border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; }
#divEnquiry .tbl td { padding: 2px; }
#divEnquiry .tbl td.e_td1 { width: 120px; }
#divEnquiry .tbl td.e_td2 { width: 200px; }
#divEnquiry .tbl td.e_td3 {  }
#divEnquiry .tbl td.e_td4 { width: 50px; }
#divEnquiry .box { width: 100%; background-color: #ebf7fb; border: 1px solid #99ccff; }

/* CSS Style for Travel Voucher Form; travelvoucher.aspx */
.divTravelVoucher { margin-left: 10px; }
.divTravelVoucher ul { list-style: none; }
.divTravelVoucher .separator { border-bottom: 1px solid #369; height: 10px; margin-bottom: 10px; width: 700px; }
#divTravelVoucher { width: 680px; margin: 0 10px 10px 10px; color: #000; line-height: 20px; border: 1px solid #369; padding: 0 10px; }
#divTravelVoucher .tbl { width: 670px; margin: 5px; border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; }
#divTravelVoucher .tbl td { padding: 2px; }
#divTravelVoucher .tbl td.tv_td1 { width: 120px; }
#divTravelVoucher .tbl td.tv_td2 { width: 200px; }
#divTravelVoucher .tbl td.tv_td3 {  }
#divTravelVoucher .tbl td.tv_td4 { width: 50px; }
#divTravelVoucher .box { width: 670px; background-color: #ebf7fb; border: 1px solid #99ccff; }

/* CSS Style for Guest List; ShoppingCart/guestlist.aspx */
#divGuestList { width: 960px; margin: 0 10px; color: #000; line-height: 20px; }
#divGuestList .mainSeparator { 
	border-bottom:1px solid #336699;
	clear:both;
	height:10px;
	margin:0 0 10px;
	width:100%;
}
#divGuestList .tblInfo { border: 0; border-spacing: none; border-collapse: collapse; margin-bottom: 0; }
#divGuestList .tblInfo td {  border-color: #fff; border-style: solid; }
#divGuestList .tblInfo { border-width: 0 0 1px 1px; }
#divGuestList .tblInfo tr td { border-width: 1px 1px 0 0; padding: 2px 5px; }
#divGuestList .tblInfo td.tbl_td1 { width: 80px; background-color: #336699; font-weight:bold; color:#fff; }
#divGuestList .tblInfo td.tbl_td2 { background-color: #add4fc; padding-right: 20px; }

#divGuestList .tbl { width: 100%; border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; }
#divGuestList .tbl td { padding-left: 5px; }
#divGuestList .tbl td.tbl_td1 { width: 120px; }
#divGuestList .tbl td.tbl_td2 { }
#divGuestList .tbl tr.h { background-color: #284265; color: #fff; }
#divGuestList .tbl tr.h2 { background-color: #ddd; }

#divGuestList .tbl { margin-bottom: 10px }
#divGuestList .tbl .tblPax { width: 100%; }
#divGuestList .tbl .tblPax tr.h3 { font-weight: bold; }
#divGuestList .tbl .tblPax td.tbl_td1 { width: 20px; }
#divGuestList .tbl .tblPax td.tbl_td2 { width: 310px;}
#divGuestList .tbl .tblPax td.tbl_td3 { width: 130px; }
#divGuestList .tbl .tblPax td.tbl_td4 { width: 110px; }
#divGuestList .tbl .tblPax td.tbl_td5 { width: 110px; }
#divGuestList .tbl .tblPax td.tbl_td6 { width: 110px}
#divGuestList .tbl .tblPax td.tbl_td7 { width: 50px; text-align: center; }
#divGuestList .tbl .tblPax td.tbl_td8 { width: 50px}

/* CSS Style for Cruises */
.divCruiseBoxLogo { width: 150px; height: 60px; background:url(images/bg-cruise.gif) no-repeat; text-align: center; padding-top: 10px; }
.divCruiseBox { width: 330px; padding: 5px; background-color:#E7EEF3; }
.divCruiseBox ul { list-style: none; }
.divCruiseBoxHeader 
	{
		width: 335px;
		background:url(images/topsubmenu/topmenu_bg_ori.jpg) repeat-x;
		color: #fff;
		font-weight:bold;
		height:19px;
		margin:0;
		padding: 5px 0 0 5px;
	} 
	
/* CSS Style for Progress Popup */
.divProgress { width:700px; font-family: Arial; text-align:center; background-color: #fff; }
.divProgress .wrapper { background-color:White;}
.divProgressImg { height: 170px; width: 200px; background: url(images/logo-big.gif) no-repeat; margin: 0 auto; }
.divProgressHeader { font-size:20px;color:#369; }
.divProgressMessage { font-size:14px; margin: 20px 0; }
.divProgressSearchMsg { font-weight: bold;font-size:18px; }
.divProgressLoader { height: 30px; width: 320px; background: url(images/mascot.gif) no-repeat; margin: 0 auto; margin-top: }

/* CSS Style for Booking Result (After Confirm Booking) */
div.bg-successful { height: 425px; width: 425px; margin: 0 auto; background: url(images/bg-book-success.gif) no-repeat; }
div.bg-noncc-successful { height: 405px; width: 405px; margin: 0 auto; background: url(images/bg-book-noncc-success.jpg) no-repeat; }
div.bg-failed { height: 425px; width: 425px; margin: 0 auto;  background: url(images/bg-book-unsuccess.gif) no-repeat; }
#divBookingResultWrapper {  margin:0 auto; width: 210px; }
.divPrint { background: url(images/bg-button-print.gif) no-repeat; width: 80px; padding-left: 25px; margin: 0 auto; line-height: 30px;}
.divPrint a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bold; }

/* This is for FLASH at Home Page */
#slide { height: 272px; width: 488px; display: block; }

/********************CSS hack for user control layout**********************/
/* \*/
* html .tlc, * html .trc {height:1%;}
/* */

/*The area above the highlights flash file*/
.centerColumnBackground
{        
    width:460px;    /*width:478px;*/
    height:27px;    /*height:28px;*/
    background-image:url(images/centercolumn_bg.jpg);
}

/*The area above sub-header in all pages except main page*/
.centerColumnBackground1
{        
    width:485px;    /*width:478px;*/
    height:27px;    /*height:28px;*/
    background-image:url(images/centercolumn_bg1.jpg);
    display:none;
}

/******************SectionImage user control***************************/
.sectionImage
{
    float:left;
    clear:both;
    padding:0 0 0 3px;
    margin:0;
   /* background-image:url(images/header_empty_chu.jpg);*/
    background-repeat:no-repeat;
}
	.sectionImage div
	{
		font-size:17px;
		font-weight:bold;
		color:Gray;
	    
	}
	/*.sectionImage .divSectionText
	{
		display:none;
	}*/

/*******************Programme Landing page background*******************/
.programmeLandingBackground
{
    margin:-3px 0 0 0;  /*-3px is to close the 1px gap between section image and this box*/
    padding:6px 5px 0 8px;
    min-height:650px;
	height:auto !important;
	height:650px;
    /*height:300px;*/
    background-color:#357B0B;
    color:#338CC4;
    clear:left;
}

/*******************Contact Shortcuts*******************/
.divContactUsHeader
{
	background:url(images/topsubmenu/topmenu_bg_ori.jpg) repeat-x;
	color:#fff;
	font-weight:bold;
	height:19px;
	margin-left: 1px;
	margin-top: 3px;
	padding:5px 0 0 5px;
	width:240px;	
}

.divContactUs
{
    width:245px;
    height:57px;
    margin-left: 1px;
	padding:6px 0 2px 0px;
	background:url(images/bg-contact.gif) no-repeat;
}

	.divContactUs .divEmail
	{
		float:left;
		width:68px;
		height:55px;
		border:none 0;
		padding:0 0 0 10px;
	}

		.divContactUs .divEmail a
		{
			float:left;
			width:68px;
			height:55px;
			border:none 0;
			background:url(images/bg-contact-buttons.gif) no-repeat 0 0;
		}

		.divContactUs .divEmail a:hover
		{
			float:left;
			width:68px;
			height:55px;
			border:none 0;
			background:url(images/bg-contact-buttons.gif) no-repeat 0 -55px;
		}
	
	.divContactUs .divCall
	{
		float:left;
		width:68px;
		height:55px;
		border:none 0;
		padding:0 0 0 10px;
	}

		.divContactUs .divCall a
		{
			float:left;
			width:68px;
			height:55px;
			border:none 0;
			background:url(images/bg-contact-buttons.gif) no-repeat -68px 0;
		}

		.divContactUs .divCall a:hover
		{
			float:left;
			width:68px;
			height:55px;
			border:none 0;
			background:url(images/bg-contact-buttons.gif) no-repeat -68px -55px;
		}	
		
	.divContactUs .divChat
	{
		float:left;
		width:68px;
		height:55px;
		border:none 0;
		padding:0 0 0 10px;
	}

		.divContactUs .divChat a
		{
			float:left;
			width:68px;
			height:55px;
			border:none 0;
			background:url(images/bg-contact-buttons.gif) no-repeat -136px 0;
			cursor:hand;
			cursor:pointer;
		}

		.divContactUs .divChat a:hover
		{
			float:left;
			width:68px;
			height:55px;
			border:none 0;
			background:url(images/bg-contact-buttons.gif) no-repeat -136px -55px;
			
		}		

.divChatWidget
{
	background-color: #EBEBEB;
	border:1px solid #BCD2E6;
	/*clear:both;*/
	/*position:absolute;
	width:231px;*/
	margin:0 15px 10px 15px;
	padding:10px 10px 5px 5px;
}		


div#nyroModalFull {
	font-size: 12px;
	color: #777;
	font-family: Verdana;
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(images/close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background: url(images/prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background: url(images/next.gif) right 20% no-repeat;
}

/*******************Homepage Image Gallery/Highlights*******************/
#divImageGallery { position: relative; visibility: hidden; margin:0 0 3px 0; }
#divImageGallery .gallerydesctext { text-align: left; padding: 2px 5px; }
#nav { margin:0 0 0 5px; text-align:left; height:21px; float:left; }
#nav a { display:block; float:left; padding:4px 6px; text-decoration:none; font:700 11px Verdana,sans-serif; color:#fff; }
#nav a:hover { background:#138ee2; }
#nav a.activeSlide { background:#138ee2; }
#nav a:focus { outline: none; }