@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0 auto; background:url(../images/ornamen_bg.jpg); font-family:Arial;}

.boxcontainer{width:908px; padding:0px; margin:0 auto; background:url(../images/bg.png) center repeat-y; z-index:-9999;}
.MainContainer{width:840px; padding:0px; margin:0 auto;}

.Top{width:840px; padding:0px; margin:0 auto; background:#322f90; height:8px;}
.LogoWeb{background:url(../images/jepun.jpg) left no-repeat; height:40px; margin:0 auto; padding:0px;}
.WebTitle{width:500px; float:left; margin: 0 0 0 0; font-family:Arial; font-size:24px; font-weight:bold; color:#00044b; padding: 5px 0 0 45px;}
.Language{width:150px; float:right; text-align:right; margin:0 20px 0 0; padding:10px 0 0 0;}
.Language img{}

.Header{ width:610px; height:249; position:relative;}
.HeaderRonded{background:url(../images/header_ronded.png) no-repeat; width:15px; height:249px; position:absolute; left:0px; top:0px; z-index: 10;}
.slideimages{ height:249px; width:610px;  left:0px; }
.slideimages li{ list-style:none; display:none;}
.loading{ background:  url(/assets/js/loading.gif) center no-repeat; height: 249px;}


.LeftCont{width:218px; float:left;}

/*Main Menu*/
.MainMenu{ background:#2f316d; min-height:216px; _height:216px; padding:0px 0px 5px 0px;}
.MainMenu ul{margin:0px; padding:0px; text-decoration:none; list-style:none;}
.MainMenu ul li{margin:0px 0px 4px 10px; padding:0px 0px 0px 0px; text-decoration:none; list-style:none; border-bottom:#FFF solid 1px; font-size:15px; font-family:Arial; font-weight:normal;}
.MainMenu ul li a{margin:0px; padding:0px 0px 5px 5px; text-decoration:none; list-style:none; display:block; color:#FFF; }
.MainMenu ul li a:hover{margin:0px; padding:0px 0px 5px 5px; text-decoration:none; list-style:none; display:block; color:#CCC; }


/*Left Menu */
.LeftMenuTitle{background:url(../images/leftmenu_title.jpg) left no-repeat; margin:10px 0 0 0; padding:5px 5px 5px 20px; font-size:18px; color:#FFF;}
.LefMenu{background:#94abdd; padding:0 0 8px 0;}
.LefMenu ul{margin:0px; padding:0px; text-decoration:none; list-style:none;}
.LefMenu ul li{margin:0px 0px 0px 7px; padding:0px 4px 4px 0px; text-decoration:none; list-style:none; background:url(../images/leftmenu_bg.jpg) left bottom no-repeat; font-size:11px; font-weight:bold;}
.LefMenu ul li a{margin:0px; padding:2px 0px 5px 18px; text-decoration:none; list-style:none; color:#01102f;  display:block;}
.LefMenu ul li a:hover{margin:0px; padding:2px 0px 5px 18px; text-decoration:none; list-style:none; color:#FFF;  display:block;}

.LeftBottom{width:218px; height:121px; background:url(../images/left_bottom.jpg) no-repeat; background-position:0 0;}

/*Right*/
.RightCont{width:610px; float:right; }

.TitleContent{margin:5px 0 0 0; _margin:0px 0 0 0; padding:5px 10px 5px 30px; _padding:5px 10px 5px 30px; font-size:16px; font-weight:bold; color:#00022b; background:url(../images/jepun_title.jpg) 0 no-repeat;}
.Content{font-size:12px;  color:#00022b; padding:5px 10px 5px 0px;}
.nextBook{font-size:12px;  color:#00022b; padding:5px 20px 5px 0px;}
#bookingbox {font-size:12px;  color:#00022b; padding:5px 10px 5px 0px; /*display:none;*/}

.TitleList{ background:#94abdd; font-size:12px; font-weight:bold; padding:5px 10px 5px 10px; margin:20px 10px 0 0;}
.TitleList h2{width:200px; padding:0; margin:0; float:left; font-size:12px; font-weight:bold;}
.TitleList h3{width:200px; padding:0; margin:0; float:right; font-size:12px; font-weight:bold; font-style:italic;}
.TitleList h3 a{color:#021c54; text-decoration:none; text-align:right;}
.ViewAll{float:right; width:150px;}

.TourHome{width:295px; height:75px; float:left; padding:3px 0; margin:0 3px 0 0; position:relative; }
.thumbinhome{padding:3px 3px 3px 3px; background:#bbbec8; float:left;}
.TourHome .Title{width:190px; float:left; font-size:12px; font-weight:bold; color:#031640; padding:0 0 0 3px;}
.TourHome .ListTourContent{width:190px; float:left; font-size:11px; color:#031640; padding:0 0 0 3px;}

.TourHome .BookInListTour{
	width:152px;
	position:absolute;
	left:110px;
	bottom:0px;
}

/*List Tour*/
.ListTourDesc .date, .ListTourDesc .author{background:url(../images/icons.gif) no-repeat; padding-left:22px;height:16px;line-height:16px;display:block;	font-size:11px; }

.TourList{border:#CCCCCC 1px solid; padding:3px; margin:5px 0;}
.thumbListTour{padding:3px 3px 3px 3px; background:#bbbec8; float:left; margin:3px 0 0 3px;}
.thumbListTour:hover{padding:3px 3px 3px 3px; background:#003366; float:left; margin:3px 0 0 3px;}
.ListTourDesc{float:left; width:445px; padding:0 0 0 5px; }
.ListTourDesc span.date{background-position: 0pt -48px; float:left; margin-right: 15px;}
.ListTourDesc span.author{background-position: 0pt 0pt;float: left;}
.ListTourDesc .Price{clear:both; padding:3px 0 0 3px;}
.ListTourDesc .introtext{padding:0 0 0 3px; clear:both; min-height:50px; _height:50px;}
.TourList .Title{font-size:13px; font-weight:bold; color:#031640; padding:0 0 0 3px;}
.TourList .Title a{color:#031640; text-decoration:none;}
.TourList .Title a:hover{color:#2E9FC5; text-decoration:none;}
.BookingListTour{text-align:right; margin:5px 5px 0 0;}

/*Detail Tour*/
.TourDetailContent{padding:5px 05px 10px; clear:both;}
.TourDetailThumb{padding:5px 0; text-align:center;}
.TourDetailThumb img{padding:5px; text-align:center; background:#d5d7ce; border:1px solid #94abdd; margin:5px;}
.TourDetailBook{text-align:center; padding:15px;}
.TourDetailPrice{clear:both; padding:5px 0 5px 6px; font-weight:bold;}
.daily{clear:both; padding:0 0 0 6px; font-weight:bold;}
.DetailTourdate, .DetailTourauthor{background:url(../images/icons.gif) no-repeat; padding-left:22px;height:16px;line-height:16px;display:block;	font-size:11px;}
.DetailTourdate{background-position: 0pt -48px; float:right; margin-right: 10px; margin-top:1px;}
.DetailTourauthor{background-position: 0pt 0pt;float: right; margin-right: 15px;}



/*List Car*/
.ListTourDesc .date, .ListTourDesc .author{background:url(../images/icons.gif) no-repeat; padding-left:22px;height:16px;line-height:16px;display:block;	font-size:11px; }

.CarList{border:#CCCCCC 1px solid; padding:3px; margin:5px 0; width: 250px;}
.thumbListCar{padding:3px 3px 3px 3px; background:#bbbec8;  margin:3px 0 0 3px;}
.thumbListCar:hover{padding:3px 3px 3px 3px; background:#003366;  margin:3px 0 0 3px;}
.CarList .Price{clear:both; padding:3px 0 5px 3px; font-weight:bold;}
.CarList .Title{font-size:13px; font-weight:bold; color:#031640; padding:0 0 0 3px;}
.CarList .Title a{color:#031640; text-decoration:none;}
.CarList .Title a:hover{color:#2E9FC5; text-decoration:none;}
.BookingListTour{text-align:right; margin:5px 5px 0 0;}

/*Detail Tour*/
.CarDetailContent{padding:5px 05px 10px; clear:both;}
.CarDetailThumb{padding:5px 0; text-align:center;}
.CarDetailThumb img{padding:5px; text-align:center; background:#d5d7ce; border:1px solid #94abdd; margin:5px;}
.CarDetailBook{text-align:center; padding:15px;}
.CarDetailPrice{clear:both; padding:5px 05px 10px; font-weight:bold;}

/*FOOTER*/
.TopFOOTER{background:url(../images/footer_top.jpg) top center no-repeat; width:836px; height:12px; _height:5px; margin: 0 auto; margin-top:10px; _margin-top:10px; padding:0px; margin-bottom:0px; _margin-bottom:-6px;}
.FOOTER{background:#2f316d; text-align:center; width:836px; margin: 0 auto; padding:0px; min-height:50px; height:50px;}
.FOOTERMenu{margin:0px; padding:0px;}
.FOOTERMenu ul{ margin:0px; padding:0px; list-style:none; text-decoration:none;}
.FOOTERMenu ul li{ margin:0px; padding:0px; list-style:none; display:inline; border-right:1px solid #FFF; font-size:12px; font-weight:normal;}
.FOOTERMenu ul li.last{border:none;}
.FOOTERMenu ul li a{ margin:0px; padding:0px 5px 0px 5px; list-style:none; color:#FFF; display:inline-block; text-decoration:none;}
.FOOTERMenu ul li a:hover{ margin:0px; padding:0px 5px 0px 5px; list-style:none; color:#CCC; display:inline-block; text-decoration:none;}

.copyr{font-size:11px; font-weight:bold; padding-top:3px; color:#FFF;}





.BookingForm{padding:10px 30px 20px 30px; font-family:Arial; font-size:12px; border-top: 1px #CCC solid;}
.TitleBook {font-family:Arial; text-align:center; font-size:14px; color:#343122; font-weight:bold; padding:5px 0 5px 0px; background:#94abdd; margin:0 15px;}

.inputbook, .input{font-size:12px; background-color:#FFF; border:1px #069 solid; margin:0px 5px 0px 0px; padding:2px;}
.textarea, .textareainput{font-size:12px;  background-color:#FFF; border:1px #069 solid; margin:0px 5px 0px 0px; padding:2px;}



.textalert{color:#F00; font-weight:bold; display:none;}
/*#contactbutton{background:#9C6; padding:0 20px 0 20px;}*/
#contactbutton{background:url(../images/button.jpg) center no-repeat; padding:3px 20px 3px 20px; border:none; font-weight:bold;}

.ListTour{border:#CCCCCC 1px solid; padding:5px;}

.ListTour .Imagetour{ padding:4px; background:#eae9e7; float:left;}
.ListTour h3{padding:0px; margin:0px;}
.ListTour h3 a{padding:0px; margin:0px; color:#343122; text-decoration:none;}
.ListTour h3 a:hover{padding:0px; margin:0px; color:#999999;}

.ListTour .DescTour{ padding:0 4px;  float:left; width: 320px;}

.ListImagetour{ padding:7px; background:#eae9e7; margin:10px 5px 5px 5px;}

.paging {text-align:left;font-family:Arial; font-size:12px; font-weight:bold; margin-top:10px;}
.paging span{font-family:Arial; font-size:12px;  background:#006699; color:#FFFFFF; padding:3px; margin:0 1px; }
.paging a{font-family:Arial; font-size:12px; color:#003366;  background:#6699FF; padding:3px; margin:0 1px;  }


.LatestNews{border:1px #CCCCCC solid; width:285px; float:left; padding:5px; margin:10px 5px 0 0;}
.LatestNews .LatestNewsTitle{font-size:12px; font-weight:bold; background:url(../images/icons.gif) no-repeat; background-position: 0pt -398px; padding:2px 0 2px 20px;}
.LatestNews .LatestNewsTitle a{font-size:12px; font-weight:bold;  color:#00022b; text-decoration:none;}
.LatestNews .LatestNewsTitle a:hover{font-size:12px; font-weight:bold;  color:#0099FF; text-decoration:none;}
.LatestNews .LatestNewsDesc {font-size:12px;   color:#00022b;}
.LatestNews .LatestNewsDesc a{font-size:12px; font-weight:bold;  color:#00022b; text-decoration:none;}
.LatestNews .LatestNewsDesc a:hover{font-size:12px; font-weight:bold;  color:#0099FF; text-decoration:none;}

.titleNews {font-size:12px; font-weight:bold; background:url(../images/icons.gif) no-repeat; background-position: 0pt -398px; padding:2px 0 2px 20px;}
.titleNews a{ text-decoration:none; color:#00022b; }
.titleNews a:hover{font-size:12px; font-weight:bold;  color:#0099FF; text-decoration:none;}
.DescNews{padding:2px 0 10px 20px;}
.DescNews a{font-size:12px; font-weight:bold;  color:#00022b; text-decoration:none;}
.DescNews a:hover{font-size:12px; font-weight:bold;  color:#0099FF; text-decoration:none;}



.ItineraryTitle{background:url(../images/itinerary.jpg) 0 no-repeat; padding:2px 0 2px 22px; font-size:12px; font-weight:bold;}
.ItineraryContent{padding:3px 0 10px 22px;}

.clr{clear:both;}