@charset "iso-8859-1";
/* ================ */
/* General settings */
/* ================ */
BODY {
	font-family: Arial, sans-serif;
    font-spacing: 3px;
	font-size: 11px;
	color:#4d4d4d;
	font-style: normal;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: #000;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
	background-attachment: fixed;
}

.form{padding:0px; margin:0px;}
.form_package{padding:5px; margin:0px; height:20px;}
.form_date{padding:0px; margin:0px; font-size:11px;}

INPUT.buttonSubmit_index{
background-image:url(../images/btn_search.png);
font-size:11px; font-family:arial; letter-spacing:0.7px;
color:#ffffff;
height:18px; width:49px;
border:0px;
}

INPUT.box {
       background-CoLoR:#ffffff;
       BORder-TOP-WIDTH: 1;
	   BORder-BOTTOM-WIDTH: 1;
	   BORder-BOTTOM-STYLE: DOUBLE;
	   BORder-TOP-STYLE: DOUBLE;
	   BORder-LEFT-STYLE: DOUBLE;
	   BORder-RIGHT-STYLE: DOUBLE;
	   BORder-LEFT-WIDTH: 1;
       BORder-RIGHT-WIDTH: 1;
       COLOR: #000000;
	   BORDER-COLOR:#cccccc;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size: 11px;

           }
INPUT.button {
	   background-CoLoR:#009900;
       BORder-TOP-WIDTH: 1;
       BORder-BOTTOM-WIDTH: 1;
	   BORder-BOTTOM-STYLE: DOUBLE;
       BORder-TOP-STYLE: DOUBLE;
	   BORder-LEFT-STYLE: DOUBLE;
       BORder-RIGHT-STYLE: DOUBLE;
	   BORder-LEFT-WIDTH: 1;
	   BORder-RIGHT-WIDTH: 1;
	   COLOR:#ffffff;
	   BORDER-COLOR:#000000;
			
				}
INPUT.button2 {
	   background-CoLoR:#006699;
      BORder-TOP-WIDTH: 1;
      BORder-BOTTOM-WIDTH: 1;
	   BORder-BOTTOM-STYLE: DOUBLE;
      BORder-TOP-STYLE: DOUBLE;
	   BORder-LEFT-STYLE: DOUBLE;
      BORder-RIGHT-STYLE: DOUBLE;
	   BORder-LEFT-WIDTH: 1;
	   BORder-RIGHT-WIDTH: 1;
	   COLOR:#ffffff;
			
				}
INPUT.button3 {
	   background-CoLoR:#006600;
       BORder-TOP-WIDTH: 1;
       BORder-BOTTOM-WIDTH: 1;
	   BORder-BOTTOM-STYLE: DOUBLE;
       BORder-TOP-STYLE: DOUBLE;
	   BORder-LEFT-STYLE: DOUBLE;
       BORder-RIGHT-STYLE: DOUBLE;
	   BORder-LEFT-WIDTH: 1;
	   BORder-RIGHT-WIDTH: 1;
	   COLOR:#ffffff;
			
				}		

INPUT.button4 {
	background-color:#a13128;
	BORder-TOP-WIDTH: 0;
	BORder-BOTTOM-WIDTH: 0;
	BORder-BOTTOM-STYLE: none;
	BORder-TOP-STYLE: none;
	BORder-LEFT-STYLE: Dnone;
	BORder-RIGHT-STYLE: none;
	BORder-LEFT-WIDTH: 0;
	BORder-RIGHT-WIDTH: 0;
	COLOR:#ffffff;
	font-size:11px; line-height:18px;
	width:150px; font-family:Arial, Helvetica, sans-serif;
			
				}
		
/* =============== */
/* Anchor settings */
/* =============== */
A {
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
}
A:link {
	color: #bb0000;
	font-weight:normal;
	text-decoration: none;
}
A:active {
	color: #bb0000;
	font-weight:normal;
	text-decoration: none;
}
A:visited {
	color: #bb0000;
	font-weight:normal;
	text-decoration: none;
}
A:hover {
	color: #bb0000;
	text-decoration: underline;
}

A:link.link2 {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	
}
A:active.link2 {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
		
}
A:visited.link2 {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
		
}
A:hover.link2 {
	color: #ffffff;
	font-weight:bold;
	text-decoration: underline;
}
A:link.link3 {
	color: #A01595;
	font-weight:bold;

}
A:active.link3 {
	color: #A01595;
	font-weight:bold;

}
A:visited.link3 {
	color: #A01595;
	font-weight:bold;

}
A:hover.link3 {
	color: #A01595;
	font-weight:bold;
	text-decoration: underline;
}

A:link.link4 {
	color: #013A8D;
	font-weight:bold;

}
A:active.link4 {
	color: #013A8D;
	font-weight:bold;

}
A:visited.link4 {
	color: #013A8D;
	font-weight:bold;

}
A:hover.link4 {
	color: #013A8D;
	text-decoration: underline;
}
A:link.link5 {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	
}
A:active.link5 {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
		
}
A:visited.link5 {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
		
}
A:hover.link5 {
	color: #000000;
	font-weight:bold;
	text-decoration: underline;
}
A:link.link6 {
	color: #4d4d4d;
	font-weight:none;

}
A:active.link6 {
	color: #4d4d4d;
	font-weight:none;

}
A:visited.link6 {
	color: #4d4d4d;
	font-weight:none;

}
A:hover.link6 {
	color: #4d4d4d; /*#6DCFF6;*/
	text-decoration: underline;
}
A:link.link7 {
	color: #ffcc00;
	font-weight:none;
	text-decoration: none;
	
}
A:active.link7 {
	color: #ffcc00;
	font-weight:none;
	text-decoration: none;
		
}
A:visited.link7 {
	color: #ffcc00;
	font-weight:none;
	text-decoration: none;
		
}
A:hover.link7{
	color: #ffcc00;
	font-weight:none;
	text-decoration: underline;
}
A:link.link8 {
	color: #FFFFDD;
	font-weight:none;
	text-decoration: none;
	
}
A:active.link8 {
	color: #FFFFDD;
	font-weight:none;
	text-decoration: none;
		
}
A:visited.link8 {
	color: #FFFFDD;
	font-weight:none;
	text-decoration: none;
		
}
A:hover.link8 {
	color: #FFFFDD;
	font-weight:none;
	text-decoration: underline;
}
A:link.link9 {
	color: #7d7d7d;
	font-weight:none;
	text-decoration: underline;
	
}
A:active.link9 {
	color: #7d7d7d;
	font-weight:none;
	text-decoration: underline;
		
}
A:visited.link9 {
	color: #7d7d7d;
	font-weight:none;
	text-decoration: underline;
		
}
A:hover.link9{
	color: #7d7d7d;
	font-weight:none;
	text-decoration: none;
}

A:link.link_blue {
	color: #2e66ac;
	font-weight:none;
	text-decoration: none;
	
}
A:active.link_blue {
	color: #2e66ac;
	font-weight:none;
	text-decoration: none;
		
}
A:visited.link_blue {
	color: #2e66ac;
	font-weight:none;
	text-decoration: none;
		
}
A:hover.link_blue {
	color: #2e66ac;
	font-weight:none;
	text-decoration: underline;
}

A:link.link_yellow{
	color: #f6ae08;
	font-weight:bold;
	text-decoration: none;
	
}
A:active.link_yellow{
	color: #f6ae08;
	font-weight:bold;
	text-decoration: none;
		
}
A:visited.link_yellow {
	color: #f6ae08;
	font-weight:bold;
	text-decoration: none;
		
}
A:hover.link_yellow{
	color: #f6ae08;
	font-weight:bold;
	text-decoration: underline;
}


/* =========== */
/* Text colors */
/* =========== */
.white {
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.xswhite {
	font-family: Arial;
	font-size: 9px;
	color: #FFFFFF;
}
.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #bb0000;
}
.darkred {
	color: #CC0000;
}
.blue {
	color: #214D7C;
}
.grey {
	color: #666666;
}
.grey_title {
	color: #aaaaaa;
	font-size:14px;
}
.lightyellow {
	color: #FFFFDD;
}
.orange {
	color: #FFCC00;
}
.lightgreen {
	color: #CCFFCC;
}
.green {
	color: #009900;
}
.purple {
	color: #A01595;
}
.beige {
	color: #FFF99D;
}
.top_contact{
font-size:12px;
/*text-transform:uppercase;*/
color: #7d7d7d;
line-height:20px;
font-family: Arial, Helvetica, sans-serif;
}
.time_date{
font-size:12px;
/*text-transform:uppercase;*/
color: #4d4d4d;
line-height:16px;
font-family: Arial, Helvetica, sans-serif;
}

/* ============== */
/* Resizing fonts */
/* ============== */
.xs {
	font-size: 7.5pt;
}
.xs_grey {
	font-size: 7.5pt;
	color: #666666;
}
.small {
	font-size: 8.5pt;
}
.normal {
	font-size: 10pt; color:#FFFFFF; font-weight:bold;
}
.medium {
	font-size: 12pt;
	line-height:16pt;
}
.medium_blue {
	font-size: 14px;
	color: #0072bc;
	line-height:18pt;
}
.xl {
	font-size: 20pt;
}

/* ================ */
/* Change font face */
/* ================ */
P {
	font-family: Tahoma;
	font-size: 8pt;
	font-style: normal;
	text-decoration: none;
	line-height: 11pt;
}

/*UL.indent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
	margin-left: 0.5cm;
	position: relative;
}*/
DIV {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}
TH {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
TD {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	line-height:16px;
	text-align: none;
}
TD.white {
	font-family: Arial;
	color:#FFFFFF;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	text-align: justify;
	line-height: 12px;
}

TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
}
INPUT {
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
}
SELECT {
	font-family: tahoma;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}
OPTION {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
}

.style2 {
	color: #1A2748;
	font-weight: bold;
}
.style3 {color: #1A2748}

/*menu tree style sheet */
.itemBorder { border-style:none; border-top-width:thin; border-width:thin; border-bottom-width:thin;  border-color:#cccccc }
.itemText { text-decoration: none; color: #FFFFFF; font: 9px Tahoma}

.crazyBorder { border: 2px outset #663399 }
.crazyText { text-decoration: none; color: #FFCC99; font: Bold 12px Arial, Helvetica }
.style1 {
	font-size: 9pt;
	font-weight: bold;
}
.style4{
font-size:11px;
color: #FFFFFF;
font-weight: none;
}
.style5
{color: 6DCFF6; font-weight:bold;}
.style6{
font-size:12px;
color: #FFFFFF;
font-weight: bold;
}
html {
	overflow-x: hidden;
	overflow-y: auto;
}

/* ================== */
/* Creating Class, ID */
/* ================== */
#sitemap{font-family: Arial, sans-serif;font-size: 11px;font-style: normal;	text-decoration: none;line-height:16px;	text-align: none;}
#title{
font-family:"Avanti",Arial, Helvetica, sans-serif;
font-size:14pt;
color: #7d7d7d;
line-height: 24pt;
}
#title_sub{
font-family:"Avanti",Arial, Helvetica, sans-serif;
font-size:12pt;
color: #7d7d7d;
line-height: 18pt;
padding-left:3px;
}
#title_contact{
font-family:"Avanti",Arial, Helvetica, sans-serif;
font-size:12pt;
color: #7d7d7d;
line-height: 18pt;
padding:0px;
}
#title_promo{
font-family:"Avanti",Arial, Helvetica, sans-serif;
font-size:14px;
color: #fff;
line-height: 30px;
padding-left:10px;
text-transform:uppercase;
background-image:url(../images/panel_promo_top.jpg);
height:30px;
}

#sublink {margin:0px; padding: 2px 0 0 2px; width:auto;}
#sublink a:link {
	color: #7baa02; /*#7baa02; #009900;*/ 
	padding-left:12px; 
	background-image:url(../images/ico_arrow.jpg); 
	background-repeat:no-repeat; 
	background-position:left center; 
	display:block;
}
#sublink a:visited {color: #7baa02;}
#sublink a:hover {color: #009900; text-decoration:none;/*#333333;*/}
#sublink a:active {color: #7baa02;}


#description { margin:0px; padding:8px 2px 8px 2px; color:#777; font-size:12px; line-height:18px;}
#description_country { margin:0px; padding:8px 2px 8px 2px; color:#777; font-size:11px; line-height:14px; font-family: Verdana, Arial, Helvetica, sans-serif;}

#div_radio {
  width: 300px;
  margin: 0;
  text-align: left;
  font-size:12px;
}

div.label,fieldset.radio {
  margin: .5em;
  margin-left: 1em;
  width:300px;
}
div.label label {display:block;}
/* end hide */
div.label textarea {
  margin: .5em;
  /* hide from IE5/Mac \*/
    display: block;
  /* end hide */
}



#promo {border-top: dashed 1px #e2e2e2; margin:0; padding:6px; width:auto; line-height:18px; font-size:11px;}
#promo span {
		font-size:12px;
		font-weight:bold;
}
#promo_img {width: 92px; border-top: dashed 1px #e2e2e2; text-align:center; vertical-align:middle; padding: 6px 4px 8px 4px;}

#company_profile{ font-size:11px;}
#sitemap{font-size:11px;}



/* ============ */
/* DIV SUBLINKS */
/* ============ */
#links_sublink ul {
        list-style-type: none;
        width: auto;
		padding:0 0 0 0px;
		margin: 0 0 0 0px;
} 

#links_sublink li {
        border-width: 0px 0 0 0;
        margin: 0px 0 0 0;
}

#links_sublink li a { 
	color: #7baa02; /*#7baa02; #009900;*/ 
	padding-left:12px; 
	background-image:url(../images/ico_arrow.jpg); 
	background-repeat:no-repeat; 
	background-position:left center; 
	display:inline-block;
}

 * html #links_sublink li a {  /* make hover effect work in IE */
	width: 200px;
}

#links_sublink li a:hover {color: #009900; text-decoration:none;}

#links_sublink a em { 
        color: #666;
        display: inline-block;
        line-height: /*115%; */ 18px;
}

#links_sublink a span {
        color: #3377fe; /*#125F15;*/
		font: normal 11px Georgia, "Times New Roman", Times, serif;
        line-height: 20px; /*150%;*/
}

/* ============= */
/* DIV SUBLINKS2 */
/* ============= */
#links_sublink2 ul {
        list-style-type: none;
        width: auto;
		padding:0 0 0 0px;
		margin: 0 0 0 0px;
} 

#links_sublink2 li {
        border-width: 0px 0 0 0;
        margin: 0px 0 0 0;
}

#links_sublink2 li a { 
	color: #80695d;/*#f6ae08; #f7864c;#80695d; #dd9944; #f7864c;*/
	padding-left:12px; 
	background-image:url(../images/ico_arrow4.jpg); 
	background-repeat:no-repeat; 
	background-position:left top; 
	display:block;
}

 * html #links_sublink2 li a {  /* make hover effect work in IE */
	width: 200px;
}

#links_sublink2 li a:hover {color: #382119;/*#57271b*/ text-decoration:none;}

#links_sublink2 a em { 
        color: #666;
        display: inline-block;
        line-height: /*115%; */ 18px;
}

#links_sublink2 a span {
        color: #3377fe; /*#125F15;*/
		font: normal 11px Georgia, "Times New Roman", Times, serif;
        line-height: 20px; /*150%;*/
}



/* ========= */
/* DIV LINKS */
/* ========= */
#links_sub ul {
        list-style-type: none;
        width: 200px;
		padding:0 0 0 0px;
		margin: 0 0 0 0px;
} 

#links_sub li {
        border-width: 0px 0 0 0;
        margin: 0px 0 0 0;
}

#links_sub li a { 
        color: #555555;/*#999999; /*#990000;*/
        display: block; /* block; */
		font-size: 11px; /*120%;*/
		text-transform:uppercase;
		text-align: left; /*center;*/
        text-decoration: none;
		line-height:20px;
}

 * html #links_sub li a {  /* make hover effect work in IE */
	width: 200px;
}

#links_sub li a:hover {
		color: #000; /* #4d4d4d;*/
}

#links_sub a em { 
        color: #666;
        display: block;
        line-height: /*115%; */ 20px;
}

#links_sub a span {
        color: #3377fe; /*#125F15;*/
		font: normal 11px Georgia, "Times New Roman", Times, serif;
        line-height: 20px; /*150%;*/
}

/* =============== */
/* PACKAGE DETAILS */
/* =============== */
#details ul {
        list-style-type: none;
        width: auto;
		padding:5 0 8 0px;
		margin: 0 0 0 0px;
		font-size:12px;
} 

#details li {
        border-width: 0px 0 0 0;
        margin: 0px 0 0 0; 
		padding-left:12px;
		padding-right:0px;
		background-image:url(../images/img_arrow.jpg); 
		background-repeat:no-repeat; 
		background-position:top left; display:block;
		color: #4d4d4d;
		font-size:12px;
		line-height:16px;
}


#details a em { 
        color: #666;
        display: block;
}

#details a span {
        color: #3377fe; /*#125F15;*/
		font: normal 12px Georgia, "Times New Roman", Times, serif;
        line-height: 20px; /*150%;*/
}

#details_sub ul {
        list-style-type: none;
        width: auto;
		padding:0 0 0 0px;
		margin: 0 0 0 10px;
} 

#details_sub li {
        border-width: 0px 0 0 0;
        margin: 0px 0 0 0; 
		padding-left:10px;
		padding-right:0px;
		background-image: url(../images/img_dot.jpg); 
		background-repeat:no-repeat; 
		background-position:top left; display:block;
		line-height:16px;
}


#details_sub a em { 
        color: #666;
        display: block;
}

#details_sub a span {
        color: #3377fe; /*#125F15;*/
		font: normal 11px Georgia, "Times New Roman", Times, serif;
        line-height: 20px; /*150%;*/
}

/* ================ */
/* DIV LINKS_SELECT */
/* ================ */
#links_select ul {
        list-style-type: none;
        width: auto;
		padding:0 0 0 0px;
		margin: 0 0 0 0px;
} 

#links_select li {
        margin: 0px 0 0 0;		
		background: #fff; color: #333;
}

#links_select li a { 
        color: #333; /*#990000;*/
        display: inline-block; /* block;*/
		font-size: 11px; /*120%;*/
		font-weight:bold;
		text-transform:uppercase;
		text-align:left;
		padding-left:0px; padding-right:2px; padding-top:2px; padding-bottom:2px;
        text-decoration: none;
		line-height:14px;
}

 * html #links_select li a {  /* make hover effect work in IE */
		width: 200px;
}

#links_select li a:hover {
        background: #fff; /*#FF3300; #e4e4e4;  #ffffcc;*/
		color: #333; /* #4d4d4d;*/
}

#links_select a em { 
        color: #666;
        display: block; /* block;*/
		/*font-family:Verdana;
		font-size: 85%;
		font-style:normal;
		font-weight: none;*/
		font: normal 11px Georgia, "Times New Roman", Times, serif;
        /*font: normal 85% Verdana, Helvetica, sans-serif;*/
        line-height: /*115%; */ 14px;
}

#links_select a span {
        color: #3377fe; /*#125F15;*/
		font: normal 11px Georgia, "Times New Roman", Times, serif;
        /*font: normal 70% Verdana, Helvetica, sans-serif;*/
        line-height: 14px; /*150%;*/
}


/* ============================= */
/* PACKAGE LINKS 4 Tour Packages */
/* ============================= */
#package{padding:5; margin:5px;}
#package span{line-height: 18pt;font-size:11pt;}
#package_image{ width:100px; height:84px; background-image:url(../images/img_dom_bg.jpg); background-repeat:no-repeat; padding:5px; float:left; margin-right:15px;}
#package_select ul {
        list-style-type: none;
        width: auto;
		padding:0 0 0 0px;
		margin: 0 4 0 4px;
} 

#package_select li a { 
        color: #333; /*#990000;*/
        display: block; /* block;*/
		font-size: 11px; /*120%;*/
		font-weight:normal;
		/*text-transform:uppercase;*/
		text-align:left;
		padding-left:8px; padding-right:2px; padding-top:8px; padding-bottom:8px;
		margin: 0 0 0 0px;
        text-decoration: none;
		cursor:pointer;
		border: solid 1px #fff;
		min-height:90px;
		width:auto;
}

* html #package_select li a {  /* make hover effect work in IE */
		width: 616px;
}

#package_select li a:hover {
        background: #fafafa; /*#FF3300; #e4e4e4;  #ffffcc;*/
		color: #333; /* #4d4d4d;*/
		border: solid 1px #efefef;
}

#package_select a em { 
        color: #666;
        display: inline-block; /* block;*/
        line-height: /*115%; */ 14px;
}

#package_select a span {
        line-height: 36px; /*150%;*/
		font-size:12pt;
}


/* ======================== */
/* Class for asean packages */
/* ======================== */
#asean{padding:5; margin:5px;}
#asean span{line-height: 18pt;font-size:11pt;}
#asean_select ul {
        list-style-type: none;
        width: auto;
		padding:0 0 0 0px;
		margin: 0 4 0 0px;
} 

#asean_select li a { 
        color: #333; /*#990000;*/
        display: block; /* block;*/
		font-size: 11px; /*120%;*/
		font-weight:normal;
		/*text-transform:uppercase;*/
		text-align:center;
		padding:8px;
		margin: 0 0 0 0px;
        text-decoration: none;
		cursor:pointer;
		border: solid 1px #fff;
		min-height:90px;
		max-width:100px;
}

* html #asean_select li a {  /* make hover effect work in IE */
		width: 100px;
}

#asean_select li a:hover {
        background: #fafafa; /*#FF3300; #e4e4e4;  #ffffcc;*/
		color: #333; /* #4d4d4d;*/
		border: solid 1px #efefef;
}

#asean_select a em { 
        color: #666;
        display: inline-block; /* block;*/
        line-height: /*115%; */ 14px;
}

#asean_select a span {
        line-height:24px; /*150%;*/
		font-size:11px;
}

/* Class for asean packages */

#links_asean ul {
        list-style-type: none;
        width: auto;
		padding:0 0 0 0px;
		margin: 0 0 0 0px;
} 

#links_asean li {
        border-width: 0px 0 0 0;
        margin: 0px 0 0 0;
}

#links_asean li a { 
	color: #fcb421; /*#7baa02; #009900;*/ 
	padding-left:12px; 
	background-image:url(../images/ico_arrow2.jpg); 
	background-repeat:no-repeat; 
	background-position:left center; 
	display:inline-block;
}

 * html #links_asean li a {  /* make hover effect work in IE */
	width: 200px;
}

#links_asean li a:hover {color: #e35a10; text-decoration:none;}

#links_asean a em { 
        color: #666;
        display: inline-block;
        line-height: /*115%; */ 18px;
}

#links_asean a span {
        color: #3377fe; /*#125F15;*/
		font: normal 11px Georgia, "Times New Roman", Times, serif;
        line-height: 20px; /*150%;*/
}

/* links arrow blue */
#links_aseanBlue ul {
        list-style-type: none;
        width: auto;
		padding:0 0 0 0px;
		margin: 0 0 0 0px;
} 

#links_aseanBlue li {
        border-width: 0px 0 0 0;
        margin: 0px 0 0 0;
}

#links_aseanBlue li a { 
	color: #2e66ac; /*#7baa02; #009900;*/ 
	padding-left:12px; 
	background-image:url(../images/ico_arrow3.jpg); 
	background-repeat:no-repeat; 
	background-position:left center; 
	display:inline-block;
}

 * html #links_aseanBlue li a {  /* make hover effect work in IE */
	width: 200px;
}

#links_aseanBlue li a:hover {color: #2e3dac; /*#184f93;*/ text-decoration:none;}

#links_aseanBlue a em { 
        color: #666;
        display: inline-block;
        line-height: /*115%; */ 18px;
}

#links_aseanBlue a span {
        color: #3377fe; /*#125F15;*/
		font: normal 11px Georgia, "Times New Roman", Times, serif;
        line-height: 20px; /*150%;*/
}

/* ============================= */
/* HORIZONTAL ACCORDIAN - BANNER */
/* ============================= */
	
.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 244px;
			width: 40px;
			background-color: #a9d06a;
			color: #ffffff;
			text-decoration: none;
			/*outline: none;*/
			/*border-right: 1px solid #cde99f;*/
			/*border-left: 1px solid #cde99f;*/
			cursor: pointer;
			margin: 0 0 0 0px;
}
		
.horizontal_accordion_toggle_active {
			/*background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;*/
			/*border-right: 1px solid #f68263;*/
}
		
.horizontal_accordion_content {
			/* REQUIRED */
			height: 244px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #fafafa;
			color: #444444;
}
			
					
/* Container styling*/
#horizontal_container {
      margin: 0px 0px 0px 0px;
	  padding: 0px 0px 0px 0px;
      width: 626px;   
      height: 244px;    
}

#vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 626px;
}

/* tabs */
div.example pre {
	background: #F5F5F5;
}


#index-form{ width:180px; height:186px; padding:0px; margin-top:2px; margin-left:auto; margin-right:auto;}

/* --- modal box --- */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:800px;
  min-height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:/*375px; */800px;
  min-height:503px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

.umrahTitle{
	color:#1f0e81; font-size:20px; letter-spacing:0px; font-family:Arial, Helvetica, sans-serif; font-weight:inherit; line-height:20px;
}
.umrahPackage{
	color:#e4a126; font-size:28px; letter-spacing:-1px; font-weight:400; font-family:Arial, Helvetica, sans-serif; line-height:36px;
}

.umrahForm{padding:0; margin:0; line-height:24px;}
.umrahForm ul{padding:0; list-style:none; margin:5px 0 10px 10px;}
.umrahForm ul li{background:url(../images/ico_arrow3.jpg) left no-repeat; padding-left:12px;}
.umrahForm ul li a:link, .umrahForm ul li a:hover, .umrahForm ul li a:visited, .umrahForm ul li a:active{color:#06C; text-decoration:none; font-size:14px;}