/* CSS Document */

/* 
=======================================
Design by Le Hong Thai
Y!M: Thailh_nghean
Email: thailh_nghean@yahoo.com
Tel: 0906 279 499
=======================================
*/
.style1 {font-size: 12px}
.style2 {
	font-size: 14px;
	font-family: Tahoma, Arial, sans-serif;
}
.style3 {font-family: Tahoma, Arial, sans-serif}
.style4 {color: #0000FF}
.style5 {font-weight: bold}

.body{
background: #5F6B74 url('images/bk.gif');
background-repeat:repeat;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:11px;
margin:0px
}

form{
margin:0px
}

.menu_title{
font-family: Tahoma, Veranda, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding-left:10px
}

.menu_title A{
color:#FFFFFF;
text-decoration:none;
}

.menu_title A:hover{
color:#C3602E;
text-decoration:underline;
}

.title4tours{
font-family: Tahoma, Veranda, Arial, Helvetica, sans-serif;
font-size:11px;
color:#C3602E;
font-weight:bold;
}

.note{
font-family: Tahoma, Veranda, Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-weight:bold;
padding:5 5 5 5;
}


.content_title{
font-family: Tahoma, Veranda, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
padding:5px 10px 5px 10px
}

.content_title A{
color:#000000;
text-decoration:none
}

.content_title A:hover{
color:#C3602E;
text-decoration:underline
}

.content{
font-family: Tahoma, Veranda, Arial, Helvetica, sans-serif;
font-size: 11px; 
color: #000000;
text-align:justify;
line-height:15px
}

.list_nav{
font-family: Tahoma, Veranda, Arial, Helvetica, sans-serif;
font-size: 11px; 
color: #000000;
}

.list_nav A{
color:#0066cc;
text-decoration:none;
}

.list_nav A:hover{
background-color:#FFFF33;
color:#000000;
text-decoration:underline;
font-weight:bold
}

.line-title
{ 
background-image: url('images/line-2.jpg');
background-repeat:repeat-x;
background-position:center;
line-height:22px;
}

.td_under {
border-right: 1px solid #55626B;
border-bottom: 1px solid #55626B;
border-left: 1px solid #55626B;
background-color: #EEEFF0
}

.td_top {
border-right: 1px solid #55626B;
border-top: 1px solid #55626B;
border-left: 1px solid #55626B;
background-color: #55626B;
height:22px
}

.td_bottom {
border-bottom: 1px solid #55626B;
}

.table_bkk {
border:1px solid #55626B;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
padding:5px 5px 5px 5px; 
}

.table_bkk A{
color:#0066cc;
text-decoration:none;
}

.table_bkk A:hover{
background-color:#FFFF33;
color:#000000;
text-decoration:underline;
font-weight:bold
}

.details{
font-family: Tahoma, Veranda, Arial, Helvetica, sans-serif;
font-size:11px;
color:#C3602E;
font-weight:bold;
text-align:right
}

.details A{
text-decoration:none;
}

.details A:hover{
text-decoration:underline;
}

.leftnav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 12px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; WIDTH: 150px; COLOR: #000000; LINE-HEIGHT: 17px; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px dashed; FONT-FAMILY: Tahoma; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.leftnav A {
	COLOR: #0066cc;
	text-decoration:none
}
.leftnav A:hover {
	color:#000000;
	font-weight:bold;
	background-color:FFFF33;
}

.fontSblack {
	FONT-SIZE: 11px; COLOR: #5f5f0a; FONT-FAMILY: Tahoma, Arial, sans-serif
}
.fontSblack A:link {
	FONT-SIZE: 11px; COLOR: blue; FONT-FAMILY: Tahoma, Arial, sans-serif; TEXT-DECORATION: none
}
.fontSblack A:visited {
	FONT-SIZE: 11px; COLOR: blue; FONT-FAMILY: Tahoma, Arial, sans-serif; TEXT-DECORATION: none
}
.fontSblack A:active {
	FONT-SIZE: 11px; COLOR: #990000; FONT-FAMILY: Tahoma, Arial, sans-serif; TEXT-DECORATION: underline
}
.fontSblack A:hover {
	FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Tahoma, Arial, sans-serif; TEXT-DECORATION: underline
}

/*===============Begin Region Images CSS ============================*/
.shadowList {
	width: 173px;
	height: 134px;
	padding: 10px 10px 10px 10px;
	background: url(images/shadow-list.gif) no-repeat top left;
	overflow: hidden;
}
.shadowList img {
	width: 150px;
	height: 110px;
	border:0px;
}

.thumb_list {
	/*margin: 			0px 5px 0px 5px;*/
	padding: 			7px 5px 5px 7px;
	width: 				73px;
	height: 			54px;
	background: 		transparent url("image/thumb_73x54_shadow.gif"/*tpa=http://www.luxurylink.com/images/shared/thumb_80x72_shadow_white.gif*/) no-repeat;
	float: 				left;
}

.thumb_list img{
width:70px;
height:50px;
}
/*===============End Region Images CSS ============================*/

.number_slideshow{
    line-height: 20px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    position: relative;
    display: none;
}
.number_slideshow .number_slideshow_nav{
    filter: alpha(opacity=60);
    opacity: 0.6;
    padding: 0px;
    margin: 0px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.number_slideshow .number_slideshow_nav li{
    box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    margin-left: 6px;
    position: relative;
    float: left;
}
.number_slideshow .number_slideshow_nav li a{
    padding-left: 8px;
    padding-right: 8px;
}
.number_slideshow ul{
    margin: 0px;
    background-position:center center;
    background-repeat: no-repeat;
}
.number_slideshow ul li{
     border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 0px;
    margin: 0px;
    list-style: none;
    position: absolute;
}
.number_slideshow ul li p{
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 5px;
    padding-right: 5px;
    filter: alpha(opacity=60);
    opacity: 0.6;
    font-size: 13px;
    line-height: 23px;
}
.number_slideshow ul li a{
    text-decoration: none;
}
.number_slideshow ul li a img{
    border: none;
}
/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 85px; height:74px;}
.pika-image {width: 520px;}


body{font-family:Helvetica, sans-serif;}
a{color:white;}
.pikachoose {width: 580px; margin: 0 auto;}
.pika-image {position: relative;background: #fafafa; border: 1px solid #e5e5e5; padding: 10px;}
	
/*if you change the padding on pika-image you must adjust the top left of this to match! */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;}

.pika-image .caption {position: absolute; background: url(75-black.png);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 17px; padding: 0; overflow: hidden;}
	.pika-thumbs li {float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}


.number_slideshow{
    line-height: 20px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    position: relative;
    display: none;
}
.number_slideshow .number_slideshow_nav{
    filter: alpha(opacity=60);
    opacity: 0.6;
    padding: 0px;
    margin: 0px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.number_slideshow .number_slideshow_nav li{
    box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    margin-left: 6px;
    position: relative;
    float: left;
}
.number_slideshow .number_slideshow_nav li a{
    padding-left: 8px;
    padding-right: 8px;
}
.number_slideshow ul{
    margin: 0px;
    background-position:center center;
    background-repeat: no-repeat;
}
.number_slideshow ul li{
     border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 0px;
    margin: 0px;
    list-style: none;
    position: absolute;
}
.number_slideshow ul li p{
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 5px;
    padding-right: 5px;
    filter: alpha(opacity=60);
    opacity: 0.6;
    font-size: 13px;
    line-height: 23px;
}
.number_slideshow ul li a{
    text-decoration: none;
}
.number_slideshow ul li a img{
    border: none;
}
