/* ----------------------------------------------------------------------------
   tabs
-----------------------------------------------------------------------------*/

/* Root element for tabs
-----------------------------------------------------------------------------*/

ul.staticTabs, 
ul.tabs, 
ul.tabs2, 
ul.tabsindex, 
ul.tabsindex2 { 
	list-style: none;
	margin: 0 !important;
	padding: 0;
	height: 28px;
}

.tabsWrapperStyle02 { margin-top: -33px; }
.tabsWrapperStyle03 { margin-top: 0; }
.tabsWrapperStyle21 { margin-top: -33px; }
.tabWrapperStyleTripAdvisor {
	display: block;
	margin-top: 0;
	padding: 5px;
	background: #589442;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}


/* Single tab
-----------------------------------------------------------------------------*/

ul.staticTabs li, 
ul.tabs li, 
ul.tabs2 li, 
ul.tabsindex li, 
ul.tabsindex2 li { 
	float: left;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}

ul.staticTabs li.floatRight, 
ul.tabs li.floatRight, 
ul.tabs2 li.floatRight, 
ul.tabsindex li.floatRight, 
ul.tabsindex2 li.floatRight { float: right; }


/* Link inside the tab
-----------------------------------------------------------------------------*/

ul.staticTabs a, 
ul.tabs a, 
ul.tabs2 a, 
ul.tabsindex a, 
ul.tabsindex2 a {
	display: block;
	* display: inline-block;
	padding: 0px 13px;
	margin: 0 5px 0 0;
	position: relative;
	top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	height: 23px;
	line-height: 28px;
	* line-height: 26px;
	text-align: center;
	text-decoration: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
ul.staticTabs a.first, 
ul.tabs a.first, 
ul.tabs2 a.first, 
ul.tabsindex a.first, 
ul.tabsindex2 a.first { margin-left: 5px; }

ul.staticTabs a:active, 
ul.tabs a:active, 
ul.tabs2 a:active, 
ul.tabsindex a:active, 
ul.tabsindex2 a:active {
	outline: none;
}


/* When mouse enters the tab
-----------------------------------------------------------------------------*/

ul.staticTabs a:hover, 
ul.tabs a:hover, 
ul.tabs2 a:hover, 
ul.tabsindex a:hover, 
ul.tabsindex2 a:hover {
}


/* Active tab uses a class name "current"
-----------------------------------------------------------------------------*/

ul.staticTabs a.current, ul.staticTabs a.current:hover, ul.staticTabs li.current a, 
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a, 
ul.tabs2 a.current, ul.tabs2 a.current:hover, ul.tabs2 li.current a, 
ul.tabsindex a.current, ul.tabsindex a.current:hover, ul.tabsindex li.current a, 
ul.tabsindex2 a.current, ul.tabsindex2 a.current:hover, ul.tabsindex2 li.current a {
	cursor: default !important;
	color: #000 !important;
}


/* Different style for tabs: use a class name: tabStyle01, tabStyle02
-----------------------------------------------------------------------------*/

/* tabStyle01 */
ul.tabs a.tabStyle01 { }
ul.tabs a.tabStyle01:hover { }
ul.tabs a.tabStyle01.current { }


/* tabStyle02 */
ul.tabs a.tabStyle02, 
ul.tabs2 a.tabStyle02, 
ul.tabsindex a.tabStyle02, 
ul.tabsindex2 a.tabStyle02 {
	color: #fff;
	background-color: #ffa77a;
	border: 1px solid #ffa77a;
}
ul.tabs a.tabStyle02:hover, 
ul.tabs2 a.tabStyle02:hover, 
ul.tabsindex a.tabStyle02:hover, 
ul.tabsindex2 a.tabStyle02:hover {}

ul.tabs a.tabStyle02.current, 
ul.tabs2 a.tabStyle02.current, 
ul.tabsindex a.tabStyle02.current, 
ul.tabsindex2 a.tabStyle02.current { height: 26px; border: 1px solid #ff8c51; border-bottom: 1px solid #fff; background-color: #fff; color: #ff6d22 !important; }

/* tabStyle03 */
ul.tabs a.tabStyle03 {
	color: #fff;
	background-color: #8ad38a;
	border: 1px solid #8ad38a;
}
ul.tabs a.tabStyle03:hover {}
ul.tabs a.tabStyle03.current { height: 26px; border: 1px solid #bbb; border-bottom: 1px solid #fff; background-color: #fff; color: #34b233 !important; }

/* tabStyle12 */
ul.tabs a.tabStyle12 {
	margin-top: 0;
	height: 24px;
	color: #fff;
	line-height: 28px;
	background-color: #ffa77a;
	border: 0;
	border-bottom: 0;
}
ul.tabs a.tabStyle12:hover {}
ul.tabs a.tabStyle12.current {
	margin-top: 0;
	height: 32px;
	border: 0;
	background: url(../_img/tabs/tab_selected_tabStyle12.gif) bottom center;
	line-height: 30px;
	color: #ff6d22 !important;
}

/* tabStyle13 */
ul.tabs a.tabStyle13 {
	margin-top: 2px;
	height: 24px;
	color: #fff;
	line-height: 28px;
	background-color: #999;
	border: 0;
	border-bottom: 1px solid #999;
}
ul.tabs a.tabStyle13:hover {}
ul.tabs a.tabStyle13.current {
	margin-top: 0;
	height: 33px;
	border: 0;
	background: url(../_img/tabs/tab_selected_tabStyle13.gif) bottom center;
	line-height: 30px;
	color: #fff !important;
}

/* tabStyle21 */
ul.staticTabs a.tabStyle21, 
ul.tabs a.tabStyle21 {
	margin-top: 2px;
	height: 23px;
	color: #fff;
	line-height: 25px;
	background-color: #999;
	border: 1px solid #999;
	border-bottom: 1px solid #999;
}
ul.staticTabs a.tabStyle21:hover, 
ul.tabs a.tabStyle21:hover {}
ul.tabs a.tabStyle21.current, 
ul.staticTabs a.tabStyle21.current { margin-top: 0; height: 25px; border: 1px solid #333; border-bottom: 1px solid #333; background-color: #333; line-height: 30px; color: #fff !important; }

/* tabStyleTripAdvisor */
ul.tabs a.tabStyleTripAdvisor {
	margin-top: 2px;
	color: #09532d;
	background-color: #dfe9ce;
	border: 1px solid #d9e4c4;
}
ul.tabs a.tabStyleTripAdvisor:hover { text-decoration: none; }
ul.tabs a.tabStyleTripAdvisor.current { margin-top: 0; height: 26px; border: 1px solid #589442; border-bottom: 1px solid #fff; background-color: #fff; color: #09532d !important; }


/* Initially all panes are hidden
-----------------------------------------------------------------------------*/

.panes .pane, 
.panes2 .pane {
	display: none;
}

/* tab panes styling */
.panes div {
}

/* panesStyle02 */
.panes div.panesStyle02, .panesStyle02 {
	padding: 4px;
	background: #fff;
	border: 1px solid #ff8c51;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-box-shadow: 0 3px 0px #e8d4ca;
	-webkit-box-shadow: 0 3px 0px #e8d4ca;
}
	
	.panesStyle02 h1 {
		margin: 0;
		padding-left: 0;
		font-size: 1.167em; /* 14px = 1.167em */
		color: #fff !important;
		text-align: center;
		text-shadow: 0 0 0;
	}
	.panesStyle02 h1 a, .panesStyle02 h1 a:hover { color: #fff; }

	.panesStyle02Inner {
		display: block;
		padding: 5px;
		/*height: 285px;*/
		background: url(../_img/galleryBoxStyleInnerBG.gif) no-repeat #000;
	}
	
	.panesStyle02 input[type=image], 
	.panesStyle02 .imageButton {
		display: block;
		float: left;
		margin: 3px 3px;
		width: 60px;
		height: 45px;
		border: 1px solid #e4611e;
		opacity: .5;
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	}
	.panesStyle02 input[type=image]:hover {
		border: 1px solid #fff;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	}
	.panesStyle02 input[type=image].current, 
	.panesStyle02 input[type=image]:focus {
		border: 1px solid #e4611e;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	}
	
	.panesStyle02Photo, .panesStyle02_Photo {
		display: block;
		margin: auto;
		width: 380px;
		height: 285px;
		background: url(../_img/loader.gif) center no-repeat;
		text-align: center;
		overflow: hidden;
	}
	
	.panesStyle02Photo img.mainPhoto { vertical-align: middle; }
		
		.panesStyle02Photo img { vertical-align: middle; }
			
			.panesStyle02Photo img.width { width: 100%; }
			.panesStyle02Photo img.height { height: 100%; }
	
	
	.panesStyle02control {
		margin: 3px 0 0;
		color: #999;
		line-height: 1.5em;
		text-transform: lowercase;
		text-align: center;
		clear: both;
	}
		
		.panesStyle02control a { color: #fff; font-weight: bold; }
		.panesStyle02control a:hover { color: #fff; }
		
		.panesStyle02control input.prev, 
		.panesStyle02control input.next, 
		.panesStyle02control input.viewmore {
			display: block;
			margin: 0;
			padding: 0;
			top: -0.25em;
			background: none;
			color: #ccc;
			font-weight: bold;
			vertical-align: middle;
			cursor: pointer;
			* cursor: hand;
		}
		.panesStyle02control input.prev { float: left; }
		.panesStyle02control input.next { float: right; }
		.panesStyle02control input.viewmore { float: right; margin-right: 5px; }
		
		.panesStyle02control input:hover, 
		.panesStyle02control a.btn_style2:hover { color: #fff; }
		
		.panesStyle02control input.btn_style2, .panesStyle02control a.btn_style2 {
			float: right;
			margin-right: 5px;
			color: #ddd;
			-moz-box-shadow: 0 0 0;
			-webkit-box-shadow: 0 0 0;
		}


/* panesStyle03 */
.panes div.panesStyle03 {
	padding: 9px;
	background: #fff;
	border: 1px solid #bbb;
}
	
	.panesStyle03 h1 {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1.167em; /* 14px = 1.167em */
		color: #999;
		text-shadow: 0 0 0;
		border: 0;
	}


/* panesStyle08 */
.panes div.panesStyle08, .panes2 div.panesStyle08 {
	padding: 10px 10px 9px;
	background: none;
	border-top: 5px solid #333;
}
	
	.panesStyle08 h1 {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1.167em; /* 14px = 1.167em */
		color: #333;
		text-shadow: 0 0 0;
		border: 0;
	}
	
	.panesStyle08Inner {
		display: block;
		padding: 5px;
		height: 285px;
		background: #000;
	}


/* panesStyle12 */
.panes div.panesStyle12 {
	padding: 10px 5px 9px;
	background: #fff;
	border-top: 1px solid #ffa77a;
}
	
	.panesStyle12 h1 {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1.167em; /* 14px = 1.167em */
		color: #333;
		text-shadow: 0 0 0;
		border: 0;
	}
	
	.panesStyle12 div.photoGallerySelection { padding: 10px 0; border: 0; }
	.panesStyle12 div.photoGallerySelection div.photoAlbum { margin: 0 11px 5px; }
	.panesStyle12 div.photoGallerySelection div.photoThumb { margin: 0 11px 5px; }
	
	.panesStyle12 div.paginationTop { margin-bottom: 5px; padding: 0px 10px 10px; border-color: #ffa77a; }
	.panesStyle12 div.paginationBottom { margin-top: 5px; padding: 10px 10px 0px; border-top: 1px dotted #ffa77a; }


/* panesStyle13 */
.panes div.panesStyle13, div.panesStyle13 {
	padding: 10px 5px 9px;
	background: #fff;
	border-top: 1px solid #4b92db;
}
	
	.panesStyle13 h1 {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1.167em; /* 14px = 1.167em */
		color: #333;
		text-shadow: 0 0 0;
		border: 0;
	}
	
	.panesStyle13 div.videoGallerySelection { padding: 10px 0; border: 0; }
	.panesStyle13 div.videoGallerySelection div.videoThumb { margin: 0 11px 5px; }
	.panesStyle13 div.videoGallerySelection div.videoThumbBG { margin: 0 11px 5px; }
	
	.panesStyle13 div.paginationTop { margin-bottom: 5px; padding: 0px 10px 10px; border-color: #4b92db; }
	.panesStyle13 div.paginationBottom { margin-top: 5px; padding: 10px 10px 0px; border-top: 1px dotted #4b92db; }


/* panesStyle21 */
.panes div.panesStyle21, .panes2 div.panesStyle21 {
	padding: 10px 10px 9px;
	background: none;
	border-top: 5px solid #333;
	border-bottom: 1px solid #ccc;
}
.panes div.panesStyle21.gallery {
	background: url(../_img/galleryBoxStyleBG.gif) no-repeat #ffa02f;
}
	
	.panesStyle21 h1 {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1.167em; /* 14px = 1.167em */
		color: #333;
		text-shadow: 0 0 0;
		border: 0;
	}
	
	.panesStyle21Photo, .panesStyle21_Photo {
		display: block;
		margin: 0 0 5px;
		width: 250px;
		height: 188px;
		background: url(../_img/loader.gif) center no-repeat #000;
		text-align: center;
		overflow: hidden;
	}
	
	.panesStyle21Photo img.mainPhoto { vertical-align: middle; }
		
		.panesStyle21Photo img { vertical-align: middle; }
			
			.panesStyle21Photo img.width { width: 100%; }
			.panesStyle21Photo img.height { height: 100%; }
	
	
	.panesStyle21Inner {
		display: block;
		padding: 5px;
		height: 285px;
		background: #000;
	}
	
		/* Custom tabs
		-----------------------------------------------------------------------------*/
		
		.panesStyle21 div.galleryWrapper { margin-top: -33px; }
		
		.panesStyle21 ul.customTabs {
			list-style: none;
			margin: 0 !important;
			padding: 0;
			height: 28px;
		}
		
		.panesStyle21 ul.customTabs li {
			float: left;
			text-indent: 0;
			padding: 0;
			margin: 0 !important;
			list-style-image: none !important;
		}
		
		.panesStyle21 ul.customTabs li.floatRight { float: right; }
		
		.panesStyle21 ul.customTabs a.first { margin-left: 5px; }
		.panesStyle21 ul.customTabs a {
			display: block;
			* display: inline-block;
			padding: 0px 15px;
			margin: 0 5px 0 0;
			position: relative;
			top: 1px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-transform: uppercase;
			height: 23px;
			line-height: 28px;
			* line-height: 26px;
			text-align: center;
			text-decoration: none;
			border-top-right-radius: 5px;
			border-top-left-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-top-left-radius: 5px;
		}
		
		.panesStyle21 ul.customTabs a.customTabStyle02 {
			color: #fff;
			background-color: #ffa77a;
			border: 1px solid #ffa77a;
		}
		.panesStyle21 ul.customTabs a.customTabStyle02:hover {}
		.panesStyle21 ul.customTabs a.customTabStyle02.current { height: 26px; border: 1px solid #ff8c51; border-bottom: 1px solid #fff; background-color: #fff; color: #ff6d22 !important; }


/* panesStyle22 */
.panes div.panesStyle22, .panes2 div.panesStyle22 {
	padding: 10px 0 9px;
	background: none;
	border-top: 5px solid #333;
}
	
	.panesStyle22 h1 {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1.167em; /* 14px = 1.167em */
		color: #333;
		text-shadow: 0 0 0;
		border: 0;
	}
	
	.panesStyle22 h2 {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1.167em; /* 14px = 1.167em */
		font-weight: bold;
		color: #333;
		text-shadow: 0 0 0;
		border: 0;
	}
	
	.panesStyle22Photo {
		display: block;
		margin: 0 0 5px;
		width: 250px;
		height: 188px;
		background: url(../_img/loader.gif) center no-repeat #000;
		text-align: center;
		overflow: hidden;
	}
	
	.panesStyle22Photo img.mainPhoto { vertical-align: middle; }
		
		.panesStyle22Photo img { vertical-align: middle; }
			
			.panesStyle22Photo img.width { width: 100%; }
			.panesStyle22Photo img.height { height: 100%; }
	
	
	.panesStyle22Inner {
		display: block;
		padding: 5px;
		height: 285px;
		background: #000;
	}


/* panesStyleTripAdvisor */
.panes div.panesStyleTripAdvisor {
	padding: 9px;
	background: #fff;
	border: 1px solid #589442;
}
	
	.panesStyleTripAdvisor h1 {
		background-image: none;
		font: bold 1.3335em/1em Verdana, Tahoma, "Bitstream Vera Sans", sans-serif;
		color: #09532d;
		text-shadow: 0 0 0;
		border: 0;
	}


