/* Main Content*/



#front_content		{ width: 750px; height: auto; }



#front_content_inner		{ width: 700px; height: auto; float:right; }



#front_slideshow		{ width: 700px; height: 330px;  border: #25a6c3 solid 1px; background: #d1ecf5; position: relative; }



#front_slideshow_header		{ width: 700px; height: 30px; }



#destination_highlight		{ width: 700px; height: 315px; position: relative;  border: #25a6c3 solid 1px;  margin-top: 20px; background: url(/images/test/destination_highlight_bg.jpg) top; }



#destination_highlight_header	{ width: 300px; height: 30px; }



#vacation_deals		{ width: 700px; height: 180px; border: #25a6c3 solid 1px; background: url(/images/test/vacation_deals_bg.jpg)top; margin-top: 20px; } 



#main_slideshow		{ width: 700px; height: 330px;  border: #25a6c3 solid 1px; background: #d1ecf5; position: relative; }



#main_slideshow_header		{ width: 700px; height: 30px; border-bottom: 1px solid #25a6c3; }



.recent_header		{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #25a6c3; line-height: 165%; padding-left: 10px;}



.icon_space		{ width: 30px; height: 30px; margin-left: 5px;}



.header_space		{width: 700px; height: 30px; margin-left: 0px; }



.destination_text  {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #25a6c3; line-height: 170%; padding-left: 250px;}



#prev_button         { width: 20px; height: 30px; }

 

#next_button         { width: 20px; height: 30px; }



#header_vd          { width: 660px; height: 30px; }



.header_space_vd		{width: 620px; height: 30px;}



.icon_space_vd		{ width: 30px; height: 30px; margin-left: 10px; }





/* Top Nav Menu */



#main    {	position:relative; overflow:auto; color:#aaa; text-align:center; }



#topnavmenu    { position: relative; height: 40px; width: 940px; background:url(http://www.tourworld.com.my/images/test/bg_ff.jpg) no-repeat top; padding-left: 0px; margin: 0px 0; overflow: hidden; }

		

#topnavmenu ul    { padding: 0; margin: 0; }



/* Don't apply padding here (offsetWidth will differ in IE) If you need padding add it to the child anchor */

		

#topnavmenu ul li    { float: left; list-style: none; }



#topnavmenu ul li a    { text-indent: -500em; z-index: 10; display: block; float: left; height: 40px; position: relative; overflow: hidden; background-position:center center; background-repeat:no-repeat; }



#topmenu_home a    { width: 120px; background-image: url('http://www.tourworld.com.my/images/test/menu_home.png'); }



#topmenu_ticket a    { width: 100px; background-image: url('http://www.tourworld.com.my/images/test/menu_ticket.png'); }



#topmenu_hotel a    { width: 100px; background-image: url('http://www.tourworld.com.my/images/test/menu_hotel.png');	}



#topmenu_globus a    { width: 140px; background-image: url('http://www.tourworld.com.my/images/test/menu_globus.png'); }



#topmenu_rr a    { width: 160px; background-image: url('http://www.tourworld.com.my/images/test/menu_muslim.png'); }


#topmenu_invest a    { width: 80px; background-image: url('http://www.tourworld.com.my/images/test/investment_menu.png'); }



#topnavmenu li.background    { background: url('http://www.tourworld.com.my/images/test/bg_menu_right_1.png') no-repeat right; z-index: 8; position: absolute; visibility: hidden;	}



#topnavmenu .background .left    { background: url('http://www.tourworld.com.my/images/test/bg_menu_1.png') no-repeat  left; height: 40px; margin-right: 9px; /* 7px is the width of the rounded shape */	}





/**Showcase CSS**/





h1 { font-size: 24px; font-weight: 400; }



:focus { outline: 0; }



#slideshow { width: 700px; margin: 0px 0px 0px 0; overflow: inherit; border: 0px solid #b5b248; height: 300px; }



#showcase { width: 525px; height: 300px; overflow: hidden; float: left; }



#showcase-loader img { margin: 134px 250px; }



#showcase .bigimage, #showcase-loader { position: absolute; width: 525px; height: 300px; overflow: hidden; }



#showcase .text { width: 525px; height: 80px; position: absolute; left: 0; bottom: -1px; background: url("/images/showcase/background_transparent.png") 0 0 repeat; overflow: hidden; }



#showcase .text h2 { color: #FFF; font-size: 18px; line-height: 18px; font-weight: 800; margin: 10px 20px 0 20px; }



#showcase .text p { color: #FFF; font-size: 11px; line-height: 17px; margin: 10px 20px 20px 20px; }



#showcase .text a { color: #FFF; }

		

#showcase-nav	{ width: 175px; height: 300px; overflow: visible; float: right; }



#showcase-nav ul { height: 75px; list-style: none; padding: 0; margin: 0; }



#showcase-nav li { float: left; height: 75px; margin: 0; padding: 0; } 



#showcase-nav a { display: block; height: 55px; width: 175px; padding: 10px 0; overflow: visible; border-bottom: 1px solid #25a6c3;text-decoration: none; }



#showcase-nav a:hover { background-color: #0386a4; height: 55px; font-color: #ffffff; cursor: pointer; }



#showcase-nav .thumbnail { display: block; width: 60px; overflow: hidden; float: left; }



#showcase-nav .thumbnail img { border: 2px solid #EEE; margin: 2px 5px;}



#showcase-nav .text { display: block; font-size: 10px; font-weight: 800; color: #25a6c3; width: 110px; overflow: hidden; float: left; padding: 5px 0 10px 0; }



#showcase-nav .last a { border: 0; }



#showcase-nav .active a { background: #ffffff; }



#showcase-nav .active a .text { color: #0386a4; }





/*** Control Sliders ***/





* { margin: 0;	padding: 0;}



html, body{ font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; }



a, a:visited { color: none }



a:hover {	color: #FF6600; }



#demo_container {	width: 700px;	height: 180px; position: relative; margin-top: 20px auto; }



#demo_container h2 { font-size: 20px; line-height: 120px; color: #FFFFFF; text-align: center; }



#items_container {	height: 180px; overflow: hidden; position: absolute; 	left: 0px;	top: 20px;	width: 700px; }



#previous { width: 15px;	height: 180px; }



#next { height: 180px; width: 15px; }

 

#controls {	width: 700px;	height: 25px;	position: absolute;left: 0px; top: 0px; }



#controls a {	display: block;	position: absolute;	width: 15px;	height: 29px;	line-height: 20px;	cursor: pointer;	text-align: center;	font-size: 1em; }



#controls a:hover {}



#prevbtn {	left: 5px;	width: 20px;	top: 3px;}



#playbtn {	left:  194px;}



#nextbtn {	left: 676px;	top: 3px;}



div.slide_item {	width: 695px;	height: 180px;	position: absolute;	left: 15px;	top: 0px;}



div.first_item {	left: 0;	width: 725px;}



div.slide_item h3 {	padding: 10px;	font-size: 16px;	line-height: 20px;	font-weight: normal;	color: #6e6c19;	width: 725px;}



div.slide_item p {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	padding: 10px;	color:#999999;}





/*** globus banner ***/





#globus_banner    {width: 700px; height: 120px; margin-top: 20px; border: #25a6c3 solid 1px; }



#globus_banner2   {width: 700px; height: 120px; margin-top: 20px; border: #25a6c3 solid 1px; }



#fit_home { margin-top: 20px; ; clip:  rect(   )}