/*
-----------------------------------------------
CATHAY PACIFIC HOLIDAYS GLOBAL STYLES
Version:  17 MAR 2009
----------------------------------------------- */

/* main
----------------------------------------------- */

body {
  background: #fff url("/chl/images/bg/nav_bg.gif") repeat-x 0 56px;
  margin: 0px 0px 0px 0px;
  padding: 0;
  font:small Verdana,Sans-serif;
  font-size:13px;
  color: black;
}
#page {
  float:left;
  position:relative;
  width:100%;
  margin:0 0 0 0;
  padding:0 0 0 0;
  text-align:left;
 
  line-height:1.8em;
}
#container {
  margin-left:10px;
}
p,table,li {
  text-align: left;
  font-size: 1em;
  color: black;
}
.smalltxt {
  font:small Verdana,Sans-serif;
  font-size:0.9em;
}
.alignright {
  text-align:right;
}
.aligncenter {
  text-align:center;
}
.clear {
  clear:both;
}
.bold {
  font-weight:normal;
}

/* MISC: =Headings
----------------------------------------------- */
h2 {
  background:url(/chl/images/bg/bar_top_bg.gif);
  margin:0;
  padding:1px 0 0 8px;
  height: 25px;
  font-family:Verdana,Sans-serif;
  font-size:1em;
  font-weight:bold;
}
h3 {
  background:url(/chl/images/bg/feathure_top_bg.gif);
  margin:0;
  padding:1px 0 0 8px;
  height: 25px;
  font-family:Verdana,Sans-serif;
  font-size:1em;
  font-weight:bold;
}
  
h1,h2,h3,h4,h5,h6 {
  font-family: verdana, Sans-serif;
  color: #c30;
}

/* MISC: =btm shadding
----------------------------------------------- */
.btmShad {
  background:url(/chl/images/bg/footer_top_bg.gif);
  height:25px;
  vertical-align:bottom;
}

/* MISC: =Links
----------------------------------------------- */
a:link    {
  color:#0055AA;
  text-decoration:none;
}
a:visited {
  color:#757;
  text-decoration:none;
}
a:hover   {
  text-decoration:underline;
}

/* MISC: =Forms
----------------------------------------------- */
form {
  padding:0 0 0 0;
  margin:0 0 0 0;
}

select {
  font:0.9em Verdana,Sans-serif;
}
input.txt {
  border:1px solid;
  border-color:#899 #dee #dee #899;
  font:0.9em Verdana,Sans-serif;
  color:#999999;
}
input.btn, input.btn2, input.btn-imp {
  background:#fc0 url(/chl/images/bg/btn_bg_zh.gif) repeat-x 0 0;
  padding:0 0 1px;
  border:1px solid;
  border-color:#fff #979797 #979797 #fff;
  font:1em Verdana,Sans-serif;
  font-weight:bold;
  color:#000;
  cursor:pointer;
  }

/* MISC: =Lists
----------------------------------------------- */
ul, dl {
  margin:0;
  padding:0;
  list-style:none;
  }
ul li {
  background:url("/chl/images/bullet_grey.gif") no-repeat 2px .5em;
  margin:5px 0 5px 2px;
  padding:0 0 0 10px;
  }

ul liAuto {
  background:url("/chl/images/bullet_grey.giff") no-repeat 2px .5em;
  margin:5px 0 5px 2px;
  padding:0 0 5px 10px;
  }
  
/* MISC: =Tables
----------------------------------------------- */
table {
  clear:both;
  margin:5px 0;
  font-family: verdana,Sans-serif;
  font-size:1em;
  line-height:1.3em;
  color:black;
  border:0;
}
th, td {
  padding:4px 5px 4px;
  text-align:left;
  }
tr.line, td.line {
  padding:0;
  text-align:left;
  height:1px;
  border-bottom:1px #FAD3AB solid;
}

th {
  color:#122;
  }
thead th {
  background:#83A3A4;
  border-width:0;
  color:#fff;
  font-weight:bold;
  }
.sectionhead th {
  padding-top:15px;
  color:#E2302F;
  }
tr.right th, tr.right td {
  text-align:right;
}

th.icon, td.icon {
  width:1%;
  text-align:center;
  padding-left:2px;
  padding-right:2px;
  }
td.price {
  font-weight:bold;
  color:#122;
  }
th.icon, td.icon {
  padding-top:4px;
  text-align:center;
  }
th.btn, td.btn, th.icon, td.icon {
  width:1%;
  text-align:center;
  }
th.dates, td.dates {
  width:35%;
  white-space:nowrap;
  }
td.code {
  width:1%;
  padding-right:2px;
  }

/* top 
----------------------------------------------- */ 
#toparea {  
  float:left;
  width:960px;
  height:56px;
  margin:0px;
  border:0px;
}
#logoarea {  
  width:600px;
  margin:0px;
  border:0px;
  float:left;
}
#region {  
  background: url("/chl/images/log/v4_topbanner_taglnie_zh.gif") no-repeat 40px 0;
  width:320px;
  margin:0px;
  padding:30px 0 0 0;
  border:0px;
  float:right;
  text-align:right;
  font-size:0.9em;
}

/* nav
----------------------------------------------- */ 
#navarea {  
  float:left;
  width:960px;
  height:34px;
  margin:0px;
  border:0px;
}
#nav {  
  width:530x;
  height:27px;
  margin:0px;
  padding: 7px 0 0 0;
  border:0px;
  float:left;
  text-align:left;
}
#nav ul li{
  display:inline;
  background:none;
  margin:0 0 0 0;
  padding:0 0 0 0;
  float:left;
}
#nav table{  
	border:0 none;
	clear:both;
	color:black;
	font-size:1em;
	line-height:1.3em;
	margin:0 0 0 0;
}
.nav_bar {
  display:inline;
  background:none;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
#globalsearch {  
  width:200px;
  height:27px;
  margin:0px;
  padding: 7px 0 0 0;
  border:0px;
  float:right;
  text-align:right;
  font-size:1em;
}

/* banner area
----------------------------------------------- */
#bannerarea {  
  float:left;
  width:960px;
  height:244px;
  margin:0px;
  border:0px;
  padding:20px 0 0 0;
}
#mainbanner {  
  width:700px;
  height:244px;
  margin:0px;
  margin-right:8px;
  border:0px;
  float:left;
}
#popular {
  height:242px;
  margin-right:-3px;
  background:url(/chl/images/bg/popular_bg.gif) repeat-x bottom;
}
.box {
  width:250px;
  margin:0px;
  border:#FAD3AB 1px solid;
   float:left;
}

/* search package
----------------------------------------------- */
#searcharea { 
  background:url(/chl/images/bg/search_bg.gif) no-repeat;
  float:left;  
  text-align:center;
  width:960px;
  height:34px;
  margin:20px 0 0 0;
  padding:6px 0 0 0;
  border:0;
  font-size:1em;
}
#searcharea h2 {
  display:inline;
  background:none;
  padding-right:8px;
}
#calbox{
  margin:305pt 500pt;
}
#calbox table {
  font-family:arial,helvetica,sans-serif;
  margin:0 5px;	
}
.calDate{
  padding:0 0 0;
}
.calDateA{
  padding:0 0 0;
}
.calDateOff{
  padding:0 0 0;
}
.calDayName{
  padding:0 0 0;
}
.errPopupDiv {
	position: absolute;
	visibility:hidden;
	background-color: #ffffb7;
	layer-background-color: #ffffb7;
	width: 210;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	padding: 2px;
	z-index: 10;
	left:120pt;
 	top:305pt;
}

/* main
----------------------------------------------- */
#mainarea {
  width:960px;
  margin:0 0 0 0;
  padding-top:12px;
  border:0;
  clear:both;
}
#mainarea_left {
  float:left;
  width:699px;
}
#leftpanel { 
  float:left;  
  text-align:left;
  width:160px;
  margin:0 0px 0 2px ;
  padding:0;
  border:0;
}
#leftpanel h2 {
  background:none;
  padding: 4px 0 0 0;
}
#leftpanel_articlebox { 
  float:left;  
  text-align:left;
  width:160px;
  margin:0 0px 0 2px ;
  padding:0;
  border:0;
}

#featurearea { 
  float:right;  
  text-align:left;
  width:520px;
  margin:0 0 0 0;
  padding:0;
  border:1px #FAD3AB solid;
}
#featurearea img  {
  border:2px #EBEBEB solid;
}
#featurearea table {
  clear:both;
  width: 100%;
  padding: 0 10px 0 10px;
  
}
#featurearea tr td {
  border-bottom:1px #FAD3AB solid;
  padding-top:6px;
  padding-bottom:6px;
}

#featurearea tr.lastrow td {
  border-bottom:1px solid #fff;
  }


#rightpanel {
  float:right;
  border:0;
}
#rightpanel_articlebox { 
  width:252px;
  padding:0 0 10px 0;
  border:0;
  font-size:1em;
  margin-top:-5px;
}

#discover { 
  background:url(/chl/images/title/disc_bg_top_zh.gif) repeat-x 0 0;
  width:252px;
  padding:95px 0 10px 0;
  border:0;
  font-size:1em;
}
#discover h2{
  background:#FFFFFF;
  margin:0;
  padding:0;
  font-size:1.1em;
  color:#305581;
}
#discover table{
  margin:0;
  clear:both;
  background:#fff;
  width: 100%;
  border:1px #BBD2EE solid;
  padding:5px 3px;
}
#discover tr td {
  border-bottom:1px #BBD2EE solid;
  padding:5px 3px;
}
#discover tr.lastrow td {
  border-bottom:1px solid #fff;
  }
#discover img  {
  margin:0 0 0 5px; 
  float:right;
  border:2px #EBEBEB solid;
  text-align:right;
}
/* footer
----------------------------------------------- */
#footer {
  background: url(/chl/images/bg/bar_footer_bg.gif) repeat-x 0 0;
  background-color:#eee;
  float:left;  
  text-align:left;
  width:100%;
  margin:45px -3px 0 0;
  padding:5px 0 5px 0;
  border:0;
}
#footerNav {
  float:left;  
  text-align:left;
  width:500px;
  margin:8px 0 0 10px;
  padding:0;
  border:0;
  font:0.9em Verdana,Sans-serif;
}
#footerLogo {
  float:right;  
  text-align:right;
  width:385px;
  margin:0 10px 0 0;
  padding:0;
  border:0;
}

/* For News
----------------------------------------------- */
#news_article {
  margin:5px 0 0 0;
}