﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 :: www.angelwings.net  • • • • • • • • • • • • • • • • • • :::: www.nettravel.com.hk
 :: TYPOGRAPHY CSS  • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • 3 Oct 2005 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #FFFFFF;
  text-align: center;
}

TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #f8f8f9;
}

TR.linkListing-even {
  background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */

/*~~~~ Error Messages
===============================================================================================*/
.messageBox { font-family: MingLiU, Helvetica, Arial, sans-serif, Geneva; font-size: 14px; }
.messageStackError, .messageStackWarning { font-family: MingLiU, Helvetica, Arial, sans-serif, Geneva; font-size: 14px; color: #ff0000; }
.messageStackSuccess { font-family: MingLiU, Helvetica, Arial, sans-serif, Geneva; font-size: 14px; background-color: #99ff00; }

/*~~~~ HEADINGS
===============================================================================================*/

h5 { font-family: MingLiU, Helvetica, Arial, sans-serif, Geneva, "Trebuchet MS"; font-weight:normal;color: #333333; margin:0px 6px 0px 8px; padding:5px 10px 3px 10px;background-color:#FFCC99;font-size:15px;}

.h5-none { font-family: MingLiU, Helvetica, Arial, sans-serif, Geneva, "Trebuchet MS";  margin:0px 6px 0px 8px;padding:4px 10px 4px 10px;font-size:13px;background-color:#FFFFFF;border:1px solid #E8E8E8;}
h6.breadcrumb {color: #333333; margin:10px 8px 8px 15px;}

h6.breadcrumb {margin-left: 5px; font-weight:normal; font-size:12px;}
h6.breadcrumb a, h5.breadcrumb a:visited{color:#009933; text-decoration: none;}
h6.breadcrumb a:hover {text-decoration: underline;}

/*~~~~ LISTS
===============================================================================================*/

/*~~~~ BOX DECO
===============================================================================================*/

table.promoBox {
	width:368px;
}

.promoBox th {
	font-family			: MingLiU, Helvetica, Arial, sans-serif, Geneva, "Trebuchet MS";
	color: #FF3366;
/*
	padding: 0.3em 0.3em 0.3em 1.4em;
	background-color: #FFF4C1;
	border-top: 1px solid #DDC1A6; */
	border-bottom: 1px solid #DDC1A6;
	text-align:left;
	height:22px;
	padding-left:6px;
}

.officeBox th {
	font-family: Verdana, Helvetica, Arial, sans-serif, Geneva;
	color: #FF3366;
	padding: 0.5em 0.5em 0.5em 5px;
	background-color: #FFF4C1;
/*
	border-top: 1px solid #DDC1A6; 
*/
}
.officeBox td {
	padding-top: 0px;
}

#officeBoxPopup {
	width:550px; 
	margin-bottom:35px;
}

#officeBoxPopup td{
	padding-bottom:8px;	
	vertical-align: top;
}

table.officeBox {
	width:100%; 
}

table#officeBoxIndex {
	width:100%; 
	margin-bottom:35px;
}

table.officeBox th {
	vertical-align:bottom;
}

table.boxList td a, table.boxList td a:visited {color:#FF3399;}

table.boxList{
	width: 210px;
	margin-left: 0px;
}

table.boxList tr.heading td {
	background-color: #9BDE98;
}
table.boxList th{
	color:#FFFFFF;
}
table.boxList th.heading{
	background-color:#FF8537;
	color:#FFFFFF;
	padding-left: 8px;
	padding: 6px;
}

table.boxList th.more{
	text-align:right;
	vertical-align:bottom;
}
table.boxList th.more img{
	padding-right:0px;
}
table.boxList th.more a {color: #FFFFFF; text-decoration: none;}
table.boxList th.more a:hover img{text-decoration: underline;}
table.boxList td{
	padding: 0px;
	background-color:#FFFFFF;
}
table.boxList td.vdivider, table.tableListing td.vdivider{
	text-align:left;
}
table.boxList td.vdividerR, table.tableListing td.vdividerR{
	text-align:center;
}
.gradBoxLeft {
	background-image: url(images/bg-box-left.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 370px;
	height: 286px;
	float:left;
}
table#package {
	border-left: 1px solid #65AA57;
	border-right: 1px solid #65AA57;
	border-bottom: 1px solid #65AA57;
	height:255px;
}
table#package td, table#tixborder td{
	padding: 2px;
}
table#tix{
	width: 170px;
}
table#tixborder{
	width: 170px;
	height:255px;
	border-left: 1px solid #E6B790;
	border-bottom: 1px solid #E6B790;
}
table#tixborder tr.heading td {
	background-color: #FFDEB6;
}
table#tixborder tr.lowlight td {
	background-color:#FDDEC8;
}
#listHeading tr.selected td.selected{
	width:163px;
/*	background-color: #9BDE98;*/
}
#listHeading td.more{
	width:150px;
	text-align:right;
	vertical-align:bottom;
}
#listHeading td.bottommore{
	width:100%;
	text-align:right;
	vertical-align:bottom;
}
#listHeading td.submenu{
	text-align:left;
	font-size:13px;
}
#listHeadingp td.selected img, #listHeading td.selected img{
	margin-bottom:0px;
}
#listHeading td.select {
	height:14px;
	padding-top:10px;
}
#listHeading td.select img{
	margin-top:5px;
	margin-right:10px;
/*	float:right;*/
}
#listHeading td.submenu-bg-l {
	background-image:url(images/bg-submenu-l.gif);
	background-repeat:no-repeat;
	width:6px;
	height:23px;
}
#listHeading td.submenu-bg {
	background-image:url(images/bg-submenu-m.gif);
	background-repeat:repeat-x;
}
#listHeading td.submenu-bg-r {
	background-image:url(images/bg-submenu-r.gif);
	background-repeat:no-repeat;
	width:6px;
	height:23px;
}
.selectTitleTable {
	padding-left: 10px;
	padding-right: 10px;
}
.selectTitle {
	text-align: center;
	padding: 5px 5px 5px 10px;
}
td.imgIndex {
	padding-right:0px;
	padding-left:0px;
	 margin: 0 0 0.5em;
}
td.imgIndex div#slides {
	width: 233px;
	height:263px;
}
table#contentList, table#contentCol, table#contentColAbt{ 
	width: 760px;
}
table#contentCol, table#contentColAbt{ 
	background-image:url(images/bg-grad.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 5px;
}
table#contentCol td{
	vertical-align:top;
	padding-bottom:28px;
}
table#contentColAbt td{
	vertical-align:top;
	padding-bottom:8px;
}

table#contentList td{
	vertical-align:top;
}
div#headingMain, div#headingOffice {
	font-family: Verdana, Helvetica, Arial, sans-serif, Geneva;
	color: #FF3366;
	border-bottom: 2px solid #FFF4C1; 
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	text-align:left;
}
table.tableListing {
	width: 760px;	
}
table.tableListing td, table.tableListing th{
	vertical-align:top;
	text-align:left;
	background-color:#FFFFFF
}
tr.highlight td {
	background-color: #FCF5F0;
}
table#package tr.highlight td {
	background-color: #EDF6ED;
}
table#packageListing tr.highlight td {
	background-color: #EDF6ED;
}
table#package tr.lowlight td {
	background-color:#C0DCC0;
}
table#packageListing tr.lowlight td {
	background-color:#C0DCC0;
}
table#packageListing th, table#packageListing td {
	padding:8px 5px 8px 5px;
}
table#packageListing th {
	background-color: #9BDE98;
}

table#ticketListing tr.highlight td {
	background-color: #FCF5F0;
}
table#ticket tr.lowlight td {
	background-color:#FDDEC8;
}
table#ticketListing tr.lowlight td {
	background-color:#FDDEC8;
}
table#ticketListing th, table#ticketListing td {
	padding:8px 5px 8px 5px;
}
table#ticketListing th {
	background-color: #FFDEB6;
}
table.tableListing td.adobeticket {
	text-align:center;
	padding-left:10px;
	border-top: 2px solid #FFDEB6;
	background-color:#FCF5F0;
}
table.tableListing td.adobepackage {
	text-align:center;
	padding-left:10px;
	border-top: 2px solid #9BDE98;
	background-color:#EDF6ED;
}
table.tableListing th {
	background-color:#FFDEB6;
}
table.tableListing td.more, table.tableListing td.moreBottom{
	text-align:right;
	background-color: #FFF4C1;
	vertical-align:middle;
}
table.tableListing td.moreBottom{
	background-image:url(images/bg-grad.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
table.tableListing td.travelBottom{
	background-image:url(images/bg-grad.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
table.tableListing td.morePromo{
	text-align:right;
	background-color: #FFF4C1;
	vertical-align:middle;
}

table.tableListing {
	background-color: #FFF4C1;
}
table.tableListing tr.selected td{
	background-color: #FFF4C1;
}

table.tableListing td.selected{
	font-weight:bold;
	vertical-align: bottom;
	text-align:left;
}
table.tableListing td a, table.tableListing td a:visited{color:#FF3399; text-decoration: none;}
table.tableListing td a:hover {text-decoration: underline;}
table.tableListing td.more a, table.tableListing td.moreBottom a, table.tableListing td.morePromo a {color:#666666; text-decoration: none;}
table.tableListing td.more a:visited, table.tableListing td.moreBottom a:visited, table.tableListing td.morePromo a:visited {color:#666666; text-decoration: none;}
table.tableListing td.more a:hover, table.tableListing td.moreBottom a:hover, table.tableListing td.morePromo a:hover {text-decoration: underline;}

.displayPrice{color:#FF3366;font-weight:bold;}

div.imgBorder img{
	border: 5px solid #EBE5E5;
	float:right;
	margin:5px;
}
table#single td{
	padding:4px 15px 0px 15px;
	vertical-align:top;
}
table#single {
	margin:0px;
	text-align:left;
}
input {
	font-size:11px;
}
#enquiryForm {
	text-align:left;
	background-image	: url(images/bg-top-enquiry.jpg);
	background-position	: top;
	background-repeat	: repeat-x;
	width:100%;
}
#enquiryForm td, #enquiryForm th{
	padding:8px;
	text-align:left;
}
#enquiryForm th{
	background-color:#FFDEB6;
}
#enquiryForm th.selected{
	background-color:#FFF4C1;
}
#enquiryForm tr.selected{
	background-color: #FFF4C1;
}
#enquiryForm th.selected{
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	width:250px;
}
td.readText {
	font-size:13px;
	padding-left:10px;
	padding-right:10px;
	line-height: 1.8em; margin: 0 0 1em;
}
td.readText .headline {
	color: #FF3366;
	font-weight:bold;
}
table.travelInfo {
	width:95%;
	text-align:center;
	margin-bottom: 15px;
}
table.travelInfo td{
	text-align:center;
	padding:5px;
	width:33%;
}
table#leftAlign td, table#leftAlign th{
	text-align:left;
	padding-left:15px;
	padding-right:15px;
}
table#leftAlign td{
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}
table#leftAlign th{
	padding-top:5px;
	padding-bottom:5px;
}
table#leftAlign th a, table#leftAlign th a:visited {color: #333333; text-decoration: none;}
table#leftAlign td a, table#leftAlign td a:visited {font-size:12px; text-decoration: none;}
table#leftAlign td a:hover, table#leftAlign th a:hover{text-decoration: underline;}
#aboutWidth {
	width:67%;
}
#lineWidth {
	width: 5px;
}
div.dottedLine {
	background-image:url(images/dotted-line.gif);
	background-repeat: repeat-x;
	width:750px;
	height:10px;
	margin-left:3px;
	margin-top:3px;
}
div.dottedLinev {
	background-image:url(images/dotted-linev.gif);
	background-repeat: repeat-y;
	height:150px;
}
