td {
	padding:3px;
}
* {
	padding:0px;
	margin:0px;
}
/*Dropdown  CSS*/

.dropdown {
	
	float:left;
	position:relative;
	padding-right:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 0.2px;
	line-height: 1.5em;
	z-index:0;

	left: 23%;
	padding-top:1px;
	



	
}
.dropdown dt {
	
	border:0px solid #dedede;
	padding:0px;
	font-weight:bold;
}
.dropdown dt:hover {

padding:0px;
}


.dropdown dd {
	position:absolute;
	overflow:hidden;
	width:180px;
	display:none;
	z-index:9999999;
	opacity:0;
	
}
.dropdown ul {
	width:180px;
	border: solid 1px #cdd0d7;
	list-style:none;
}
.dropdown li {
	display:inline;
	
}
.dropdown a, .dropdown a:active, .dropdown a:visited {
	display:block;
	padding:5px;
	color:#000000;
	text-decoration:none;
	background-image:url(../images/bg_navi.gif);
	background-repeat:repeat-x;
	width:187px;
}
.dropdown a:hover {
	background:#f4f4f4;
	color:#b7005f;
	border-bottom:1px solid #cdd0d7;
	/*opacity: .9;
				 For IE 5-7  */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.dropdown .underline {
	border-bottom:1px solid #cdd0d7;
}
/*Accordion  CSS*/

#accordion {
	width:160px;
	margin:30px auto 10px auto;
	cursor:hand;
	z-index:90;
}
.accordion {
	width:160px;
	font:12px Arial;
	color:#5f012b;
	cursor:hand;
}
.accordion dt {
	width:160px;
	border:0px solid #9ac1c9;
	padding-left:8px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:0px;
	margin-top:3px;
	background:url(../images/navi_on.gif);
	background-repeat:no-repeat;
	cursor:hand;
	color:#5f012b;
	
}
.accordion dt:hover {
	background:url(../images/navi_hover.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	cursor:hand;
}
.accordion .accordionOn {
	font-weight:bold;
	background:url(../images/navi_hover.gif);
	background-repeat:no-repeat;
	color:#ffffff;
}
.accordion .accordionOn a:link,.accordion .accordionOn a:visited, .accordion .accordionOn a:hover {

	color:#ffffff!important
}



.accordion dd {
	overflow:hidden;
	width:165px;
	background:#f0f0f0;
	margin-left:0px;
	cursor:hand;
	z-index:99999999;
}
.accordion dd ul {
	cursor:hand;
}
.accordion li {
	list-style-type:none;
	padding-right:3px;
	padding-bottom:3px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	border: solid 1px #cccccc;
	cursor:hand;
	padding-left:5px;
}
.accordion li a:link, .accordion li a:visited {
	list-style-type:none;
	padding: 3px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

.accordion a:link, .accordion a:visited {
	color:#a80d54;
	text-decoration:none;
}
.accordion a:hover {
	color:#959595;
	text-decoration:none;
}

.sub li {
	border:0px;
	border-bottom:solid 1px #c6c9cd;

}

.sub li:hover {
	background:#ffffff;
}

.sub li a:link, .sub li a:visited {
	border:0px;
	color:#000000;
}
.sub li a:hover {
	color:#727272;

}





/*Accordion Wangsa  CSS*/

#accordion2{
	width:100%;
	margin:0px;
	cursor:hand;
	z-index:90;
}
.accordion2 {
	width:100%;
	font:12px Arial;
	color:#5f012b;
	cursor:hand;
}
.accordion2 dt {
	width:100%;
	border:1px solid #9ac1c9;
	padding-left:8px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-top:0px;
	overflow:hidden;

	cursor:hand;
	color:#5f012b;
	
}
.accordion2 dt:hover {

	color:#ffffff;
	cursor:hand;
}
.accordion2 .accordionOn {
	font-weight:bold;

	color:#ffffff;
}
.accordion2 .accordionOn a:link,.accordion2 .accordionOn a:visited, .accordion2 .accordionOn a:hover {

	color:#ffffff!important
}



.accordion2 dd {
	overflow:hidden;
	
	background:#f0f0f0;
	margin-left:0px;
	cursor:hand;
	z-index:1;
}
.accordion2 dd ul {
	cursor:hand;
}
.accordion2 li {
	list-style-type:none;
	padding-right:3px;
	padding-bottom:3px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	border: solid 1px #cccccc;
	cursor:hand;
	padding-left:5px;
}
.accordion2 li a:link, .accordion2 li a:visited {
	list-style-type:none;
	padding: 3px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

.accordion2 a:link, .accordion2 a:visited {
	color:#a80d54;
	text-decoration:none;
}
.accordion2 a:hover {
	color:#959595;
	text-decoration:none;
}









/*  Next Attraction banners Ajax */

#nav {
	margin: 0px;
	float:right;
	margin-bottom:5px;
	-moz-border-radius: 10px;
}
#nav a {
	margin: 4px;
	padding: 1px 3px;
	border: 1px solid #ccc;
	text-decoration: none;
	font-size:10px;
	background:#ffffff;
	color:#333333;
}
#nav a.activeSlide {
	background:#C06;
	color:#FFF;
}
#nav a:focus {
	outline: none;
}
.pics {
	height: 76px;
	width: 231px;
	padding:0;
	margin:0;
	overflow: hidden
}
.pics img {
	height: 76px;
	width: 231px;
	top:0;
	left:0
}
/*  main banner Ajax */

#slideshow2 {
	margin: 0px;
	overflow:hidden;
	height:251px;
}
#nav2 {
overflow:hidden;
margin-left:0px;
width:210px;


}


#nav2 li {
	width: 59px;
	float: left;

	list-style: none;
	clear:right;
	
}


#nav2 a {
	width: 55px;
	padding: 0px;
	display: block;
	border: 1px solid #ffffff;
}
#nav2 a.activeSlide {
	border:solid 2px #d11267;
	margin:0px !important	
}
#nav2 a:focus {
	outline: none;
}
#nav2 img {
	border: 0px;
	display: block;
}
#nav2 ul {
	padding:0px;
	margin:0px;
  overflow:hidden;
   
   
}


#slideshow3 {
	margin: 0px;
	padding:0px;
}
#nav3 {
}
#nav3 li {
	width: 55px;
	float: left;
	margin-right:12px;
	margin-top:3px;
	list-style: none;
	clear:right;
}
#nav3 a {
	width: 50px;
	padding: 0px;
	display: block;
	border: 0px solid #ccc;
}
#nav3 a.activeSlide {
	background: #88f
}
#nav3 a:focus {
	outline: none;
}
#nav3 img {
	border: none;
	display: block
}
#nav3 ul {
	padding:0px;
	margin:0px;
}
.pics3 {
	height: 65px;
	/*width: 235px;*/
	padding:0;
	margin:0;
	overflow: hidden
}
.pics3 img {
	height: 65px;
	/*width: 235px;*/
	top:0;
	left:0
}
/*  main banner  synopsis caption */



.boxgrid {
	width: 463px;
	height: 245px;
	float:left;
	border: solid 0px #000000;
	overflow: hidden;
	position: relative;
	z-index:-1px;
display:none;

}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	
}
.boxgrid p {
	padding:10px 10px 10px 40px;
	color:#ffffff;
	font-size:11px;
	width:270px;
	line-height:13pt;
}
.boxgrid h3 {
	padding:60px 10px 0px 40px;
	color:#f0ca19;
	font-weight:bold;
	font:14pt "Lucida Grande", Arial, sans-serif;
	width:290px;
}
.boxgrid a {
	color:#f0ca19;
	text-decoration:none;

}
.boxgrid a:hover {
	color:#ffefa2;
	text-decoration:none;
	
}
.boxcaption {
	float: left;
	position: absolute;
	background: #730336;
	height: 245px;
	width: 463px;
	background-image:url(../images/title_synopsis2.gif);
	background-repeat:no-repeat;
	background-position:left;
	border-left: solid 1px #bc125f;
    z-index:-1px;
	/*opacity: .8; 
				 For IE 5-7 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);*/
				/* For IE 8 */
				/*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}
			
.cover{
	border-left: solid 1px #bc125f;
	z-index:1;
	
	}			

.caption  {
	border:solid 0px #000000;
z-index:-999999;
overflow:hidden;
display:none;
}

	
/*Preloader*/
.image-holder{

z-index:999999;
	
	margin: 0px;

	background:url(../images/ajax-loader.gif) 50% 50% no-repeat;

}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	margin-left:20px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 1px;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 55px;
	height:59px;
  
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 190px;
    padding: 17px 0px 0px 4px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  190px;
   
}


.jcarousel-skin-tango .jcarousel-item {
 
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
 
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
  top: 8px;
    right: -19px;
    width: 13px;
    height: 75px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
	border: solid 0px #000000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 8px;
    left: -18px;
    width: 13px;
    height: 75px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
		border: solid 0px #000000;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
   /* background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
   /* background-position: -96px 0;*/
}



/*-Notice ajax-*/

.toggler {
position: absolute; 
z-index:999999; 
right:400px; 
top:15%;
}
#button { 
border-style:solid;
border-width:0px;
border-color:transparent; }

#effect { 
width: 400px; 
height: 320px;
background-image:url(../images/notice_bg.gif);
background-repeat:repeat-x;
background-color:#ffffff;
padding: 10px; 
position: relative;
border: solid 2px #cf1166;	
z-index:999999999999;
color:#585858;
/*display:none;*/
line-height:14pt;}

#effect h3 { 
margin: 0;  
color:#a41154;
}

.ui-effects-transfer { border: 2px dotted gray; } 
		
.toggleButton{position:absolute; right:1px; z-index:99999999; top:30%;border-style:solid;border-width:0px;
 border-color:transparent;}		
 
 
 .TriggerEffect{ width:92px;}