/* 
------------------------------------
DETAILS:
Title: dl_main.css
Author: Jessica Yang
URL: http://directlinktravel.com.au/httpdocs/dl_main.css
Born: November 2006
Edit by: Fred Chen, from June 2011
------------------------------------ */

/* Public elements */
h1{ 
	font-size: 120%; 
	color: #CCFF33;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 2% 0;
	text-transform: capitalize;
}
h1 a{color: #CCFF33;}
h2{	font-size: 115%; color: #cff;}

h3{	font-size: 105%; color: #cff; padding-right: 10px;}

h4{	
	font-size: 100%; 
	color: #cff;
	margin: 0 0 .5em 0;
}

body {
	background:  #26868F;
	color: #333;
	margin: auto;
	padding: 0;
}

#logo {
	clear: both;
	margin: 0;
	padding: 0;
	height: 162px;
	float: left;
}

#brand_img {
	margin: 0;
	padding: 0;
	background: url(images/banner.jpg) no-repeat;
	height: 162px; 
	width: 490px;
	float:left;
}
			
#nav{
	clear: both;
	padding: 0;
	margin: 0;
	margin-left: 12px;
	margin-right: 13px;
	height: 43px;
	background: url(images/nav.gif) repeat-x;
}

#nav ul {
	margin: 0;
	padding: 0;
	height:100%;
	list-style: none;
}

#nav li {
	float: left;
	height:100%;
	border-right: 1px solid #ccc;
	background: url(images/nav.gif) repeat-x;
}
			
#nav li a {
	float: left;
	display: block;
	padding: 15px 12px 0 11px;
	width: auto;
	text-align: center;
	font-family:"Arial";
	font-weight: 900;
	font-size: 12px;
	margin-right: 1px;
}
		
#nav a:link, #nav a:visited{color: #3366cc;}
#nav a:hover {color: #F90;}
#nav a:active{}
#nav li {
	display: block;
	color: #FC0;
}
		 
#footer {
	clear: both;
	background: url(images/footer.gif) repeat-x;
	height: 54px;
	text-align: center;
	margin: 0 1.8% 0 1.6%;
	padding: 0;
}

#footer ul {
	list-style: none;
}

#footer p{
	clear: left;
}

#footer li{
	margin: 0; 
	padding: 0 20px; 
	float:left;
}
 
img { border: none;}

a{text-decoration: none; color: #3fF; padding: 0; margin: 0;}
a:hover{color: #f90; text-decoration: underline;}
a:visited {}

p {color: #CCFF99;}

.clear {
	clear:both;
	position:relative;
	font-size:0px;
	height:0px;
	line-height:0px; 
	padding:0; 
	margin:0;}

/* homepage & contactUs page*/
#containerHmpg {
	width: 710px;
	margin: 1% auto;
	position: relative;
	background: url(images/content.jpg) repeat-y;
	font: 85%/1.3 Arial, Helvetica, sans-serif;
}

#contentWrap {
	margin-left: 1.6%;
	padding: 0%;
}

#leftPart{
	width:35%;
	clear: both;
	float: left;
	padding: 3% 0 2% 4%;
	line-height: 19px;
}

#aboutus{
	text-align:justify;
	padding: 0;
	margin: 0;
}

#aboutus p{	color: #ffcc33; }

#companyQualify {
	font: 99%/1.3 Arial, Helvetica, sans-serif;
}

#rightPart{
	width: 53%;
	float: left;
    padding: 0 0 2% 5%;
	line-height: 22px;
	position: relative;
}

#hotDeals, #airFares, #tours, #packages, #dataAirfare {
	width: 97%;
	margin: 15px 0 5px 0; 
	padding-left: 18px ;
	clear: both;
	float: left;
}

#hotDeals ul,#airFares ul,#tours ul,#packages ul, #dataAirfare ul{
	list-style-type: disc;
	color: #3ff;
	margin: 0;
	padding: 0;
}
 
#hotDeals li a, #airFares li a, #tours li a, #packages li a, #dataAirfare li a{
	padding: 0; 
	margin: 0;
}

/* Contact us Page */
.contactItem{ 
	text-align: justify;
	padding: 2% 2% 0 0;
	margin: 0;
 }

/* levelOneContent*/
#levelOneContent {
	margin: 0;
	padding: 0;
}
				  
#container {
	width: 710px;
	margin: 1% auto;
	position:relative;
	background: url(images/contentWithSidebar.jpg) repeat-y;
	font: 85%/1.2 Arial, Helvetica, sans-serif;
}

#sideBar{
	width: 30%;
	clear: both;
	float: left;
	padding-top: 3%;
	font-weight: bold;
	text-align:right;
}

#sideBar ul{
	margin: 0;
	margin-left:11px;
	padding:0;
	list-style: none;
	font: 95% Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#sideBar li {}

#sideBar a {
	display: block;
	height: 30px;
	color: #FC0;
	padding-right: 10px;
}
					
#sidBar a:link,#sideBar a:visited{}
#sideBar li a:hover {
	background: url(images/sideBarShadow.jpg) -10px top no-repeat;
	height: 30px;
	display:block;
	color: #FF0;
	text-decoration: none;}
	
#sideBar a:active{}

#rightList{
	width: 65%;
	float:left;
	padding-top:1%;
	margin-left: 10px;
	font: 95%/1.3 Arial, Helvetica, sans-serif;
	position:relative;
}

/* airfare page */			
.fareList {
	clear: both; 
	width: 100%;
	float: left;
	margin: 0;
	padding:0;
}

.fareList h2{
	margin:0;
	padding: 0;
	border-bottom:1px dotted #ccc;
}

.fareList ul {
	width: 72%;
	float: left;
	list-style-type: disc;
	margin:5px 0;
	line-height: 22px;
	padding: 0;
	color: #3ff;
}

.fareList .features {
	width: 28%;
	float:left;
	margin-top:10px;
	overflow:hidden;
}

.fareList li a:link, .fareList li a:visited {padding:0;}

#fareQuery{
	clear: both;
	border-top:1px dotted #ccc;
	margin:0;
	padding: 15px;
}

#fareQuery p{
	font-weight: bold;
	margin: 0;
	padding: 0;
}
		   
#fareQuery a{
	text-decoration: underline; 
	cursor:pointer;
}

/* tour list page */
.tourClass{
	clear: both; 
	width: 100%; 
	float: left; 
	margin: 0; 
	padding:0; 
}

.tourClass h2 {
	border-bottom:1px dotted #ccc;
	padding: 0;
	margin: 0;
}

.item {
	clear:both; 
	margin: 10px 0 0 0; 
	padding:0; 
	position: relative; 
}

.feature {
	width: 22%;
	float:right;
	overflow:hidden;
	margin:0 10px 10px 0;
	border: #ccc 1px solid;
}
		
.featureC {
	width: 35%;
	float:right;
	overflow:hidden;
	margin:5px 10px 5px 0;
	border: #ccc 1px solid;
}

.infoC {
	width: 60%;
	float: left;
	margin: 0;
}

.info {
	width: 70%;
	float: left;
}

.info h3, .infoC h3, .infowithoutimage h3{ font-size: 100%;}

.infowithoutimage {
	width: 100%;
	margin-bottom: 20px;
}
				  
.item p{zcolor: #0000FF;}

/* One Column Pages */
#containerOneColum {
	width: 710px;
	margin: 1% auto;
	background: url(images/contentOnly.jpg) repeat-y;
	font: 85%/1.3 Arial, Helvetica, sans-serif;
}
					
#oneColumContent{ 
	width:90%;
	margin: 1% auto;
	padding: 0;
}

#location{
	color: #3ff; 
	margin: 5% 0;
}

/* Enquiry forms */
#explainForm{
	margin: 1% auto;
}

#explainForm p {margin:0; padding: 0;}

#centerform{
	background-color: #87CEFA;
	border: 1px dotted #3f3f3f;
	padding: 2%;
}

#centerform p{color: #333;}

br{clear: left;}

input, select, textarea {
	display: inline;
	width: 150px;
	float: left;
	margin-bottom: 5px;
}

textarea {width: 350px;}
input#departDate, input#returnDate {width: 76px; }

.compulsoryField {
	color: #FF3333; 
	padding:0; 
	margin:0; 
	zclear:both; 
	width: 3px; 
	float:left;
}

input.paxNumber{width:25px; }
input#tourCode{ width: 80px; }

label{
	display: inline;
	float: left;
	margin-bottom: 5px;
	text-align: right;
	width: 20%;
	padding-right:2%;
}
label#departure{margin-left: 50px;}
#noborder{
	border:0; 
	margin-top:10px;
}

input.button {
	font-weight: bold;
	color: #218429;
	width:20%;
	float:none;
	margin: 3%;
}

.centerBut{zclear: both;
	zwidth: 100%;
	text-align:center; 
	margin: 0 auto;
}

legend{font-weight:900;}

/* Tour Feedback Form */
#tourfdbkgreet{
	margin: 1% auto;
	text-align: justify;
}

#tourfdbkgreet p {
	margin: 10px 0;
	padding: 0;
}

#fdbkForm{
	background-color: #87CEFA;
	border: 1px dotted #3f3f3f;
	padding: 0 2%;
	zmargin: auto;
}

#fdbkForm p{color: #333;}

#fdbkForm label {
	display: inline;
	float: left;
	margin-bottom: 5px;
	text-align: right;
	width: 110px;
}
	
label#code{margin-left:80px;}

#fdbkForm input{width:120px;} 

input.city { margin-right:15px;}

input#mail {width: 160px;}

select#tourCode {width: 80px;}

#pointer {
	clear:both;
	float: right;
	padding-right: 50px;
}

#formBody fieldset{
	clear:both;
	float: left;
	width: 96%;
	position: relative;
	padding: 1%;
}

.question{
	clear: both;
	float: left;
	display: inline;
	width:60%;
	margin-left: 5px;
}

.radios, #radiosYN{
	display: inline;
	width: 35%;
	float: right;
}
 
#formBody label{
	display: inline;
	width: 5px;
	float: left;
	font:Arial, Helvetica, sans-serif;
}

#radiosYN label{width:20px;}
#radiosYN label.longLabel{width: 45px;}

#formBody input {
	display: inline;
	width:10px;
	float:left;
	margin-right:10px;
}

.quesList {
	clear: both;
	float: left;
	width: 100%;
	position: relative;
}

.quesList p{
	text-align:justify;
	padding: 10px;
}

.quesList textarea{
		margin-left: 100px;
}
	
.citylist, #formBody label.labelName, #formBody input.inputName{
	display: inline;
	width: 15%;
	float:left;
}

.lineout {}

/* Insurance */
#explainInsurance {
	margin: 0 auto;
	padding: 0;
	color: #CCFF99;
}

iframe {border: none;
		width: 64%;
		background: #fff;
		height: 450px;
		margin: 2% 12%;
		padding: 3%;
		text-align:center;
}

/* Useful Links */
.linkClass{
	clear: both;
	width: 100%;
	float: left;
	margin-bottom: 5px;
	padding: 0;
}

.linkClass h2 {
	border-bottom:1px dotted #ccc;
	margin: 0;
	padding: 0;
}

.linkClass h3 {
	padding: 0;
	margin: 5px 0;
}

.linkitems {
	margin: 0 ;
	padding-bottom: 10px;
}

.linkitems h4 a, .linkitems p {
	margin: 0;
	padding: 0;
}

.linkfeature {
	zwidth: 35%;
	clear:left;
	float:left;
	zoverflow:hidden;
	margin-right: 10px;
}

/* terms & Condition  & tour book conditions  */
#termcond, #tourbookcond, #privacyClaim, #ChinaTips {
	margin: 0;
	padding: 0;
	color: #CF9;
	text-align: justify;
}

#termcond p, #tourbookcond p, #termcond ol, #tourbookcond ol, #privacyClaim p{
	margin: 10px 0;
	padding: 0;

}

#tourbookcond li, #termcond li {
	padding: 0;
	margin-left: 40px;
	margin-top: 10px;
}

#tourbookcond h3 {
	margin-left: 3px;
	padding: 0;
}

#tourbookcond h2 {
	margin: 0;
	padding: 0;
}
/* airfare table */
#airfaretbl{
	clear: both;
	width: 100%;
	text-align: center;
}

#airfaretbl table{
	border:1px ridge #999; 
	width: 90%;
	border-collapse:collapse;
	background: #bae899;
	color: #495e49;
	margin: auto;
}

#airfaretbl caption{
	color:#cff;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
}

#airfaretbl td{
	padding-left: 3%; 
	text-align: left;
	margin: 0; 
	border:1px ridge #999;
}

#airfaretbl th {
	font-weight: bold; 
	text-align: right; 
	padding: 3% 3% 0 0;
	text-transform: capitalize; 
	border:1px ridge #999; 
}

#exairfare{
	padding: 2% 0; 
	margin:0; 
	text-align: left;
}

input#enquiry, input#clswd{ 
clear: both;

	font-weight: bold;
	color: #218429;
	width:20%;
	float:none;
	margin: 3%;
	zdisplay: inline;
	zwidth: auto;
	zmargin: 8% auto;
}

/* tour fare table */
#tourfaretbl {
	clear: both;
	width:100%; 
	text-align: left;
}

#tourfaretbl table{
	border: none;
	color: #495E49;
	text-align: left;
	font: 99% Arial, Helvetica, sans-serif;
	width:100&;
}


#tourfaretbl table a:link,#tourfaretbl table a:visited,#tourfaretbl table a:active {
	background-color: transparent;
	color: #363;
	ztext-decoration: none;
}

#tourfaretbl table a:hover {
	zbackground: transparent;
	color: #000;
	text-decoration: underline;
}

#tourfaretbl caption {
	font-weight:900; 
	color: #cff;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

#tourfaretbl thead{
	text-align: center;
}

#tourfaretbl table, #tourfaretbl td, #tourfaretbl th {
	margin: 0;
	padding: 0;
}

#tourfaretbl td, #tourfaretbl th {
	background-color: #D6F2C3;
	border-top: 1px solid #FFF;
	padding: 3px 5px;
}

#tourfaretbl tbody tr:hover td, #tourfaretbl tbody tr:hover th {
	background-color: #BAE899;
}

#tourfaretbl th{
	background-color: #BAE899;
	border-bottom: 1px solid #B3DE94;
	border-top: 1px solid #FFF;
	padding-left: 8px;
}

#tourfaretbl table tbody tr.odd td{
	background-color: #C8EDAE;
	border-bottom: 1px solid #67BD2A;
}

#clarify {
	width: 100%;
}

#guideOtherPrice {}

/* itinerary page*/
.print {
	display: block;
	float: right;
	margin-right: 20px;
	padding-top: 5px;
}

#itinContent {
	margin: 1% 4% 0 0;
	padding: 0;
	clear: both;
	border-bottom: dashed #ccc 1px;
}

#itinContent p {
	text-align:justify;
}

#claim {
	margin: 2% 4% 4% 0;
	padding: 0;
	clear: both;
}
 
#clarify p {
	text-align:justify;
}

#tourFeatures {
	width: 55%;
	height: 180px;
	float: left; 
	position: relative; 
	color: #FCD916; 
	margin: 0; 
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

.tourFeatureLabel {
	width: 39%; 
	text-align: right; 
	font-weight: bold; 
	clear: both; 
	float:left; 
	display: inline; 
	margin-top: 6px; 

}

.tourFeaturesClarify{
	width: 57%;
	zheight: 165px;
	margin: 6px 0 0 6px;
	float: left; 
	padding: 0;
}

 #deptPrice {
	width: 70%;
	zposition: relative;
	text-align: left;
	margin-left: 5px;
	font-weight: bold; 
} 

.tourFeaturesPrice {
	width: 30%;
	margin: 6px 0 0 6px;
	float: left;
	display: inline;
	font-weight: normal;
}

.detailButton {
	margin-top:5px;
	float:left;
	zwidth: auto;
	display: inline;
	padding: 0;
}

#tourmap {
	float: left;
	display:inline;
}

#sceneGallery {
	margin: 30px;
}

.sceneImage {
	clear: both;
	float: left; 
	background:#fff; 
	border: #ccc 1px solid;
	padding:3px; 
	margin-top: 30px;
	width: 165px; 
	overflow:hidden;
}

.tourHighlight, .tourHighlight p{
	color: #80FF00;
}

.tourOption p, .tourOption li, #oztourPrice p, #oztourPrice {
	color: #FFFF66;
}

/* Hotel List */
.htlCity {
	clear: both; 
	width: 100%; 
	float: left; 
	margin: 0 0 10px 0; 
	padding:0; 
}

.top {
	float: right;
	margin-right: 5px;
}

.htlCity h3 {
	border-bottom:1px dotted #ccc;
	padding: 0;
	margin: 0;
}

.hotel {
	clear: both;
	margin: 0 0 15px 10px;
	padding: 0; 
}

.htlBarStar{
	clear: both;
	padding: 5px 20px;
	margin: 5px 0;
	background: url(images/htlBarStar.gif) no-repeat 100%;
	color: #0066FF;
	font-weight: bold;
}

.htlBarSuperior{
	padding: 5px 20px;
	margin:5px 0;
	color: #3366FF;
	font-weight: bold;
	background: url(images/htlBarSuperior.gif) no-repeat 100%;
}

.htlimages {
	clear: both;
	margin: 0 20px;
	padding: 0; 
	position:relative;
}

.htlimageL, .htlimageR{
	margin: 5px 20px 0 10px;
	width: 40%;
	float: left;
	display: inline;
	border:  1px solid #FFFF00;
}

.htlinfo {
	clear: both;
	margin: 5px 0;
	padding:0;
	float: left;
	text-align:justify;
}

.htlinfo p{margin:0 15px 0 10px; padding:0; } 

/* oz tour */
#oztourtbl{
	clear: both;
	width: 100%;
	text-align: center;
	padding: 10px 0 30px 0;
}

#oztourtbl table{
	border:1px ridge #999; 
	width: 100%;
	border-collapse: collapse;
	background: #bae899;
	color: #495e49;
	margin: auto;
}

#oztourtbl caption{
	color:#cff;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
}

#oztourtbl td{
	padding-left: 1%; 
	text-align: left;
	margin: 0; 
	border:1px ridge #999;
}

#oztourtbl a {
	color: #363;
} 
#oztourtbl th {
	font-weight: bold; 
	text-align: right; 
	zpadding: 3% 3% 0 0;
	text-transform: capitalize; 
	border:1px ridge #999; 
	text-align: center;
}

/* oztours itinerary page */

#ozItinContent {
	width: 95%;
	position: relative;
	padding: 0;
	margin: auto;
	border-bottom: #ccc dotted 1px;
}

#ozItinery {
	clear: both;
	width: 64%;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}	

#ozItinery p{padding: 0; margin-top: 10px;}

#ozScene {
	float: right;
	margin: 15px 0 5px 0;
	width: 35%;
	overflow:hidden;
	display: inline;
}

#ozScene img { padding: 0; margin-top: 20px; }

.ozimage{
	margin: 0 20px 20px 20px;
	float: left;
	display: inline;
}

#oztourPrice {clear: both; padding: 0; margin: 0;} 

.priceOption {color:#FCD916; clear:both; padding-right:5px; margin:0;}

.hidecontent{display:none;}
#rssOutput h5{color: #33FFFF; font-weight:normal; font-size:85%}
#rssOutput h5 img.landingimg {width:50%; height:50%;}

zimg.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}
z.alignright {
float:right;
}

#toupricetbl
{
    font: 95%/1.3 Arial, Helvetica, sans-serif;
    color:#cff;
    text-align:left;
    }
#itinContent .itnPriceTbl{float:right; margin: 10px 0 10px 10px; width:50%; background:#D6F2C3;
	color: #336633;
	text-align: left;
	font: 99% Arial, Helvetica, sans-serif; padding:10px; }

#itinContent .itnPriceTbl p{color: #336633;}
#itinContent .itnPriceTbl td{padding:3px; }


.sendTourForm{}
.sendTourForm .RdoAndCkb, .sendTourForm .lblOfRdoAndCkb { width:auto; }
.sendTourForm p { margin: 5px;}
.sendTourForm .languageNote { margin-left: 20px;}
.sendTourForm textarea { width:580px;}
.sendTourForm .PrivacyChecked { margin: 5px 3px 0 0;}
.sendTourForm #PrivacyNote{ line-height:1.8; border:1px solid transparent;}
.sendTourForm #PrivacyNote a{ color:Red; }
.sendTourForm .tourFormFieldCompulsory { color:Red; line-height:0.8; vertical-align:bottom; }

#chnleftimg {
	background-color:#669999;
	border:1px;
	border-color:#FFCC00;
}

/*News/af table*/

#airfarepromo
{table-layout:fixed;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:98%;
border-collapse:collapse;
}
#airfarepromo td, #airfarepromo th 
{vertical-align:top; 
font-size:12px; color:#CCFFFF;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}

#airfarepromo th 
{
font-size:0.9em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#leftcol
{
	width:45%;
}
#customers tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}
div.button {
	position:relative;
	margin:10px 120px 
	
}
#christmasNotice {margin:40px 3px 10px 80px;
  	border:3px solid #666699;
  	height:auto;
  	width:auto;
  	float:left;
  	text-align:center;
}