* {
	margin: 0;
	padding: 0;
}
body {
	background-image: url('../../images/front/shared/main-temp/bg.gif');
	background-repeat: repeat-x;
	background-color: #d3e5f5;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	font-weight:normal;
	line-height:22px;
	text-decoration:none;
}
table {
	border-collapse: collapse;
	border-width: 0px;
}
img {
	border-width: 0px;
}
form {
	margin: 0;
	padding: 0;
}
.v-a-t {
	vertical-align: top;
}
.t-a-c {
	text-align: center;
}
.w-h-100-p {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.w-100-p {
	width: 100%;
	vertical-align: top;
}
.main-table {
	width: 950px;
	margin: 0 auto;
}
.hd-menu-m-c {
	width: 950px;
	height: 24px;
	vertical-align: middle;
}
.hd-menu-table {
	float: right;
	margin: 0 23px 3px 0;
	height: 18px;
}
.hd-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #d3e5f5;
	text-decoration: none;
	line-height: 18px;
}
.hd-txt a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #d3e5f5;
	text-decoration: none;
}
.hd-txt a:hover {
	color: #d3e5f5;
	text-decoration: underline;
}
.hd-empty {
	width: 950px;
	height: 14px;
}
.hd-area-m-c {
	width: 950px;
	height: 92px;
}
.hd-main-table {
	width: 912px;
	height: 92px;
	margin: 0 14px 0 24px;
}
.logo-c {
	width: 158px;
	height: 92px;
}
.logo {
	margin: 0 0 10px 0;
	display:inline;
}
.hd-empty-2 {
	width: 49px;
	height: 92px;
}
.menu-search-m-c {
	width: 705px;
	height: 92px;
}
.menu-m-c {
	width: 705px;
	height: 36px;
}
.search-m-c {
	width: 705px;
	height: 56px;
	text-align: right;
}
.content-top-shd {
	width: 950px;
	height: 20px;
	background-image: url('../../images/front/shared/main-temp/content-top-shd.png');
	background-repeat: no-repeat;
}
.content-m-c {
	width: 950px;
	vertical-align: top;
	background-image: url('../../images/front/shared/main-temp/content-bg.png');
	background-repeat: repeat-y;
}
.content-m-table {
	width: 950px;
	vertical-align: top;
}
.footer-shd {
	width: 950px;
	height: 10px;
	background-image: url('../../images/front/shared/main-temp/footer-shd.png');
	background-repeat: no-repeat;
}
.footer-m-c {
	width: 950px;
	height: 200px;
}
.footer-shd-l {
	width: 15px;
	height: 200px;
	background-image: url('../../images/front/shared/main-temp/footer-shd-l.png');
	background-repeat: no-repeat;
}
.footer-shd-r {
	width: 15px;
	height: 200px;
	background-image: url('../../images/front/shared/main-temp/footer-shd-r.png');
	background-repeat: no-repeat;
}
.footer-bg {
	width: 920px;
	height: 200px;
	background-image: url('../../images/front/shared/main-temp/footer-bg.gif');
	background-repeat: repeat-x;
	vertical-align: top;
}
.footer-hotels {
	width: 890px;
	height: 155px;
	margin: 10px auto;
}
.content-c {
	width: 910px;
	vertical-align: top;
}
.content-left-m-c {
	width: 220px;
	vertical-align: top;
}
.content-mid-empty {
	width: 15px;
}
.content-right-m-c {
	width: 675px;
	vertical-align: top;
}
.tree-c {
	width: 675px;
	height: 22px;
}
.tree-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #2e82c4;
	text-decoration: none;
	line-height: 22px;
}
.tree-txt a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #2e82c4;
	text-decoration: none;
}
.tree-txt a:hover {
	color: #2e82c4;
	text-decoration: underline;
}
.title-c {
	width: 675px;
	height: 38px;
}
h3.page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: bold;
	color: #f89838;
	text-decoration: none;
	line-height: 38px;
}
.static-title-line {
	width: 675px;
	height: 15px;
	background-image: url('../../images/front/shared/main-temp/static-title-line.gif');
	background-repeat: repeat-x;
}
/********************************************************************************/
#nav, #nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	_position: absolute;
	z-index: 200;
}
#nav a {
	display: block;

/*border:1px solid #333;	
/*background-color:#333;*/
}
#nav a:hover {
	background-image: url('../images/shared/main-temp/menu-bg.gif');
	background-repeat: repeat-x;
	color: #fff;
	background-color: #012C4D;
}
#nav li {
	float: left;
	position: relative;
	margin: 0 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 36px;
	color: #003761;
	text-decoration: none;
	display:inline;
}
#nav li a {
	color: #003761;
	text-decoration: none;
	padding: 0px 5px;
}
#nav li a:hover {
	background-image: url("../../images/front/shared/main-temp/menu-bg.gif");
	background-repeat: repeat-x;
	color: #fff;
}
#nav ul {
	position: absolute;
	display: none;
	width: 180px;
	top: 36px;
	background-color: #002b4c;
	z-index: 200;
}
#nav ul li {
	margin: 0;
}
#nav li ul a {
	width: 170px;
	height: 24px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #edeac0;
	text-decoration: none;
	border-bottom: 1px #778b86 dotted;
	line-height: 22px;
}
#nav li ul a:hover {
	background-image: none;
}
#nav ul ul {
	top: auto;
}
#nav li ul ul {
	left: 160px;
	margin: 0px 0 0 10px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
	display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
	display: block;
}
/****************************************************************/
.left-menu-hd {
	width: 220px;
	height: 10px;
	background-image: url('../../images/front/front/shared/main-temp/left-menu-hd.gif');
	background-repeat: no-repeat;
}
.left-menu-footer {
	width: 220px;
	height: 10px;
	background-image: url('../../images/front/shared/main-temp/left-menu-footer.gif');
	background-repeat: no-repeat;
}
.left-menu-c {
	width: 220px;
	vertical-align: top;
	background-image: url('../../images/front/shared/main-temp/left-menu-bg.gif');
	background-repeat: repeat-y;
}
.footer-hotels-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #e3dd83;
	text-decoration: none;
	line-height: 24px;
}
.footer-hotels-title a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #e3dd83;
	text-decoration: none;
}
.footer-hotels-title a:hover {
	color: #e3dd83;
	text-decoration: underline;
}
ul#footer-hotels {
	margin: 0;
	padding: 0;
}
ul#footer-hotels li {
	list-style-type: none;
	display: block;
	float: left;
	width: 145px;
}
ul#footer-hotels li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #e3dd83;
	text-decoration: none;
	line-height: 24px;
}
ul#footer-hotels li a:hover {
	color: #e3dd83;
	text-decoration: underline;
}
ul#footer-hotels li ul {
	margin: 0;
	padding: 0;
}
ul#footer-hotels li ul li {
	list-style-type: none;
}
ul#footer-hotels li ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	line-height: 20px;
}
ul#footer-hotels li ul li a:hover {
	color: #fff;
	text-decoration: underline;
}
.footer-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #636363;
	text-decoration: none;
	line-height: 22px;
}
.footer-txt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #636363;
	text-decoration: none;
}
.footer-txt a:hover {
	color: #636363;
	text-decoration: underline;
}
.hd-search-form {
	width: 181px;
	height: 19px;
	background-color: #fff;
	border: 1px #a5b8c3 solid;
	line-height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
	color: #46697d;
	text-decoration: none;
	padding: 0;
	vertical-align: middle;
}
ul#left-menu {
	margin: 0 0 0 15px;
	padding: 0;
}
ul#left-menu li {
	list-style-type: none;
}
ul#left-menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #3a3a3a;
	text-decoration: none;
	line-height: 25px;
}
ul#left-menu li a:hover {
	color: #3a3a3a;
	text-decoration: underline;
}
ul#left-menu li ul {
	margin: 0 0 0 15px;
	padding: 0;
}
ul#left-menu li ul li {
	list-style-type: none;
	color: #3a3a3a;
}
ul#left-menu li ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #3a3a3a;
	text-decoration: none;
	line-height: 20px;
}
ul#left-menu li ul li a:hover {
	color: #3a3a3a;
	text-decoration: underline;
}
.change-search-table {
	width: 220px;
	border: 1px #b8b8b8 solid;
	background-color: #edeac0;
}
.change-newsa-content-table {
	width: 220px;
	border: 1px #b8b8b8 solid;
	background-color: #EAEAEA;
}
.change-search-hd {
	width: 220px;
	height: 44px;
	vertical-align: top;
	background-image: url('../../images/front/shared/main-temp/change-search-hd.gif');
	background-repeat: repeat-x;
}
.change-search-hd p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
	color: #003761;
	margin: 5px;
}
.change-search-inner {
	width: 210px;
	border: 1px #b8b8b8 solid;
	background-color: #fff;
	margin: 5px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	line-height: 22px;
}
p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #0a548d;
}
p a:hover {
	text-decoration: underline;
	color: #f89838;
}
p  > img{
	margin: 5px;
	/*float: right;*/
		
}
.sellect-searche-s {
	width: 50px;
	height: 19px;
	background-color: #fff;
	border: 1px #a9a9a9 solid;
	line-height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
	margin-right: 3px;
}
.sellect-searche-m {
	width: 130px;
	height: 19px;
	background-color: #fff;
	border: 1px #a9a9a9 solid;
	line-height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
}
.reservation-form {
	width: 250px;
	height: 19px;
	background-color: #fff;
	border: 1px #a9a9a9 solid;
	line-height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
}
.reservation-textarea {
	width: 250px;
	height: 250px;
	background-color: #fff;
	border: 1px #a9a9a9 solid;
	line-height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
}
.transport-textarea {
	width: 200px;
	height: 150px;
	background-color: #fff;
	border: 1px #a9a9a9 solid;
	line-height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
}

.hotels-table-m-c {
	width: 675px;
	border: 1px #b8b8b8 solid;
	background-color: #edeac0;
}
.hotels-table-recomended {
	width: 665px;
	margin: 5px auto;
	border: 1px #b8b8b8 solid;
	background-image: url('../../images/front/shared/hotels/hotels-recomended-bg.gif');
	background-repeat: repeat-x;
	background-color: #fff;
}
.hotels-recommend-logo {
	vertical-align: top;
	background-image: url('../../images/front/shared/hotels/recomended-logo.png');
	background-repeat: no-repeat;
	background-position: right top;
}
.td-logo-recomen-empty {
	width: 100px;
}
h1.hotel-name-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #0a548d;
	text-decoration: none;
	line-height: 25px;
}
h1.hotel-name-1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #0a548d;
	text-decoration: none;
}
h1.hotel-name-1 a:hover {
	color: #f89838;
	text-decoration: underline;
}
.hotel-pic-small {
	border: 1px #c7c7c7 solid;
	padding: 2px;
	background-color: #fff;
	margin: 5px 0;
}
.td-hotels-name-pic {
	vertical-align: top;
	padding: 5px;
	width: 170px;
}
.hotel-spesification-1 {
	vertical-align: top;
	width: 220px;
	padding-top: 47px;
	padding-right: 5px;
}
.recommended {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #0a548d;
	text-decoration: none;
	line-height: 25px;
}
.hotels-boock-table {
	width: 645px;
	margin: 0 auto;
	border-top: 1px gray dotted;
}
.hotels-boock-table-1 {
	height: 35px;
	vertical-align: bottom;
	padding: 5px 10px;
}
.hotels-boock-table-2 {
	background-color: #eaeaea;
	border: 1px #fff solid;
	padding: 3px 10px;
}
.hotels-boock-table-3 {
	padding: 3px 10px;
}
.hotels-notrecommend {
	vertical-align: top;
}
.hotels-table-notrecomended {
	width: 665px;
	margin: 5px auto;
	border: 1px #b8b8b8 solid;
	background-color: #fff;
}
.hotel-pic-big {
	width: 312px;
	height: 204px;
	border: 0px gray solid;
}
.hotel-pic-big img {
	margin: 2px;
}
.detail-bg {
	height: 22px;
	background-image: url('../../images/front/shared/hotels/details-bg.gif');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #00579b;
	text-decoration: underline;
	line-height: 20px;
	padding-left: 10px;
}
.invoice-hd {
	height: 25px;
	background-image: url('../../images/front/shared/invoice/blue-bg.gif');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	padding-left: 30px;
}
.invoice-main-table {
	width: 430px;
}
.orange-hd {
	height: 25px;
	background-image: url('../../images/front/shared/invoice/orange-bg.gif');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	padding-left: 10px;
}
.invoice-table {
	width: 430px;
}
.invoice-td-r {
	width: 100px;
	padding: 3px;
	border: 1px gray solid;
	text-align: center;
}
.invoice-td-l {
	width: 330px;
	padding: 3px;
	border: 1px gray solid;
}
.invoice-td-r-2 {
	width: 100px;
	padding: 3px;
	border: 1px gray solid;
	text-align: center;
	background-color: #dce4eb;
}
.invoice-td-l-2 {
	width: 330px;
	padding: 3px;
	border: 1px gray solid;
	background-color: #dce4eb;
}
.total-invoice-table {
	width: 430px;
	border: 1px gray solid;
	background-color: #dce4eb;
}
.total-invoice-table tr td {
	height: 35px;
	padding: 2px;
}
.reservation-td-l {
	width: 125px;
	text-align: right;
	padding: 2px;
}
.reservation-td-r {
	text-align: left;
	padding: 2px;
}
.index-left-content {
	width: 595px;
	vertical-align: top;
}
.pic-slid-m-c {
	width: 595px;
	height: 216px;
	border: 1px #bebebe solid;
	background-color: #fff;
}
.pic-slid-c {
	width: 589px;
	height: 210px;
	margin: 3px;
}
.index-right-content {
	width: 300px;
	vertical-align: top;
}
.mailinglist-m-c {
	width: 300px;
	height: 190px;
	border: 1px #9cadbb solid;
	background-color: #e1e5e9;
	vertical-align: top;
}
.mailinglist-c {
	width: 190px;
	height: 215px;
	vertical-align: top;
	margin: 5px;
}
.mailinglist-content {
	width: 290px;
	height: 180px;
	vertical-align: middle;
}
.index-form {
	width: 180px;
	height: 19px;
	background-color: #fff;
	border: 1px #a9a9a9 solid;
	line-height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
}
.block-explore-m-c {
	width: 295px;
	vertical-align: top;
	border: 1px #b8b8b8 solid;
	background-color: #fff;
}
.block-explore-c {
	width: 295px;
}
.block-explore-hd {
	width: 295px;
	height: 37px;
	background-image: url('../../images/front/shared/index/ind-block-hd-2.gif');
	background-repeat: repeat-x;
}
.block-explore-map-m-c {
	width: 285px;
	margin: 5px;
}
ul#index-map {
	margin: 0 10px;
	padding: 0;
}
ul#index-map li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #525252;
	text-decoration: none;
	line-height: 22px;
}
ul#index-map li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #525252;
	text-decoration: none;
}
ul#index-map li a:hover {
	color: #525252;
	text-decoration: underline;
}
.block-news-weather-m-c {
	width: 288px;
	vertical-align: top;
}
.block-news-m-c {
	width: 288px;
	vertical-align: top;
	border: 1px #b8b8b8 solid;
	background-color: #eaeaea;
}
.block-news-c {
	width: 288px;
	vertical-align: top;
}
.block-news-hd {
	width: 288px;
	height: 37px;
	background-image: url('../../images/front/shared/index/ind-block-hd-3.gif');
	background-repeat: repeat-x;
}
.block-news-footer {
	width: 288px;
	height: 22px;
	background-image: url('../../images/front/shared/index/block-news-footer.gif');
	background-repeat: repeat-x;
	text-align: right;
}
.white-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 22px;
}
.white-txt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.white-txt a:hover {
	color: #fff;
	text-decoration: underline;
}
.block-news-in {
	width: 275px;
	margin: 0 auto 4px;
}
.news-pic-c {
	width: 273px;
	background-color: #fff;
	border: 1px #989898 solid;
	margin-bottom: 5px;
}
.news-pic-c img {
	margin: 2px;
}
.ind-news-main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #2d2d2d;
	text-decoration: none;
	line-height: 22px;
}
.ind-news-main a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #2d2d2d;
	text-decoration: none;
}
.ind-news-main a:hover {
	color: #2d2d2d;
	text-decoration: none;
}
.ind-news-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #2d2d2d;
	text-decoration: none;
	line-height: 22px;
}
.ind-news-txt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #2d2d2d;
	text-decoration: none;
}
.ind-news-txt a:hover {
	color: #2d2d2d;
	text-decoration: underline;
}
.block-weather-m-c {
	width: 288px;
	vertical-align: top;
	border: 1px #b8b8b8 solid;
	background-color: #edeac0;
}
.block-weather-c {
	width: 288px;
	vertical-align: top;
}
.block-weather-hd {
	width: 288px;
	height: 37px;
	background-image: url('../../images/front/shared/index/ind-block-hd-1.gif');
	background-repeat: repeat-x;
}
.block-reservation-m-c {
	width: 300px;
	vertical-align: top;
	border: 1px #b8b8b8 solid;
	background-color: #edeac0;
}
.block-reservation-c {
	width: 300px;
	vertical-align: top;
}
.block-reservation-hd {
	width: 300px;
	height: 37px;
	background-image: url('../../images/front/shared/index/ind-block-hd-1.gif');
	background-repeat: repeat-x;
}
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */
/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 10pt Arial;
	background-color: #edeac0;
	list-style: none;
	border-left: solid 1px #edeac0;
	border-bottom: solid 1px #b8b8b8;
	border-top: solid 1px #edeac0;
	border-right: solid 1px #edeac0;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTab2 {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 10pt Arial;
	background-color: #E2E2E2;
	list-style: none;
	border-left: solid 1px #edeac0;
	border-bottom: solid 1px #b8b8b8;
	border-top: solid 1px #edeac0;
	border-right: solid 1px #edeac0;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #fff;
	border-left: solid 1px #b8b8b8;
	border-bottom: solid 1px #b8b8b8;
	border-top: solid 1px #b8b8b8;
	border-right: solid 1px #b8b8b8;
}
/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #fff;
	border-left: solid 1px #b8b8b8;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #b8b8b8;
	border-right: solid 1px #b8b8b8;
	color: #094d7d;
}
/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #b8b8b8;
	border-bottom: solid 1px #b8b8b8;
	border-top: solid 1px #b8b8b8;
	border-right: solid 1px #b8b8b8;
	background-color: #fff;
}
/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}
/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}
/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */
/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/********************************************************************************/
#slider {
	width: 589px; /* important to be same as image width */;
	height: 210px; /* important to be same as image height */;
	position: relative; /* important */;
	overflow: hidden; /* important */;
	margin: 0;
}
#sliderContent {
	width: 589px; /* important to be same as image width or wider */;
	position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
	float: left;
	position: relative;
	display: none;
}
.sliderImage div {
	position: absolute;
	font: 9pt/12pt Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 563px;
	background-color: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #fff;
	display: none;
}
.clear {
	clear: both;
}
.sliderImage div h1, h1 a {
	font-size: 13pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	color: #fff;
}
.sliderImage div h1 a {
	color: #DA981A;
}
.sliderImage div p {
	font-size: 9pt;
	color: #fff;
}
.bottom {
	bottom: 0;
	right: 0;
}
ul {
	list-style-type: none;
}
ul#photo-gallery {
	margin: 15px auto;
	padding: 0;
}
ul#photo-gallery li {
	list-style-type: none;
	float: left;
	width: 189px;
	height: 136px;
	margin: 0px 2px 12px 6px;
}
ul#photo-gallery li img {
	border: 1px gray solid;
	padding: 1px;
}
/*******************/
.contact-top-table {
	width: 100%;
}
.contact-left-td {
	width: 165px;
	text-align: right;
	padding: 7px;
}
.contact-mid-td {
	width: 3px;
}
.form {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	height: 18px;
	width: 200px;
	border: 1px gray solid;
	margin: 3px 0px 3px 0px;
}
.form_big {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	height: 200px;
	width: 200px;
	border: 1px gray solid;
	margin: 3px 0px 3px 0px;
}
.button {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	border: 1px gray solid;
	background-color: #ffffff;
	margin: 3px 3px 3px 3px;
}
/**************************/
.hotel-form {
	text-align: left;
	margin: 0px;
	padding: 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	line-height: 22px;
}
input {
}
form label {
	width: 21%;
	float: left;
	clear: left;
	padding: 0px;
	margin: 2px 0px;
	color: #333333;
}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
.hotel-select {
	width: 79%;
	border: 1px solid #CCCCCC;
	float: left;
}
.hotel-textarea {
	display: block;
	width: 99%;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
input.textfield {
	border: none;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px;
	margin: 2px 0px 2px 0px;
	float: left;
	width: 79%;
}
input.button {
	cursor: pointer;
	padding: 0px 3px;
	margin: 18px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	color: #333333;
}
input.textfield-focus {
}
input.textfield {
}
input.textfield {
}
textarea {
}
select {
}
input.textfield-focus {
}
.textarea-focus {
}
.select-focus {
}
input.file {
}
input.checkbox {
	margin-right: 4px;
}
input.radio {
}

/*******************/
ul.ul-gallery {
	margin:0;
	padding:0;
}
ul.ul-gallery li {
	display:inline;
	list-style-type:none;
	float:left;
	width:128px;
	height:150px;
	margin:0 10px 10px 30px;
	padding:10px;
	text-align:center;
}
ul.ul-gallery li a {
	margin-bottom:2px;

}
ul.ul-gallery li a img {
	border:1px #dcdcdc solid;
	padding:2px;
}
ul.ul-gallery li div {
	width:155px;
	/*height:21px;*/
	display:block;
}
ul.ul-gallery li div p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #1d6495;
	text-decoration: none;
	line-height: 21px;
	padding:0;
}
ul.ul-gallery li div p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #1d6495;
	text-decoration: none;
	padding:0;
}
ul.ul-gallery li div p a:hover {
	color: #1d6495;
	text-decoration: underline;
}