/***************  templates/main/libs/jquery/datepicker/datepicker.css  ***************/
div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
	z-index: 500;
}

.datepicker .cal-closer {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background: url(http://www.pavilionsamui.com/templates/main/libs/jquery/datepicker/close.png); _behavior: url(/iepngfix.htc);
}

.datepicker .container {
	background: #121212;
	position: absolute;
	top: 10px;
	left: 10px;
}

.datepicker .bT {
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(http://www.pavilionsamui.com/templates/main/libs/jquery/datepicker/images/datepicker_t.png);
}
.datepicker .bB {
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(http://www.pavilionsamui.com/templates/main/libs/jquery/datepicker/images/datepicker_b.png);
}
.datepicker .bL {
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(http://www.pavilionsamui.com/templates/main/libs/jquery/datepicker/images/datepicker_l.png);
}
.datepicker .bR {
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(http://www.pavilionsamui.com/templates/main/libs/jquery/datepicker/images/datepicker_r.png);
}
.datepicker .bTL {
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(http://www.pavilionsamui.com/templates/main/libs/jquery/datepicker/images/datepicker_tl.png);
}
.datepicker .bTR {
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(http://www.pavilionsamui.com/templates/main/libs/jquery/datepicker/images/datepicker_tr.png);
}
.datepicker .bBL {
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(http://www.pavilionsamui.com/templates/main/libs/jquery/datepicker/images/datepicker_bl.png);
}
.datepicker .bBR {
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(http://www.pavilionsamui.com/templates/main/libs/jquery/datepicker/images/datepicker_br.png);
}
.datepicker .border {
	position: absolute;
	cursor: move;
	_background: none;
}


.datepickerHidden {
	display: none;
}
.datepicker table {
	border-collapse:collapse;
}
.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
}
.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
.datepicker tbody th {
	text-align: left;
}
.datepicker tbody a {
	display: block;
}
.datepicker .days a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepicker .years a,
.datepicker .months a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
.datepicker td.notInMonth a,
.datepicker td.butSelected a {
	color: #666;
}
.datepicker .days td.selected{
	background: #136A9F;
}
.datepicker .days td.butSelected {
	background: #17384d;
}
.datepicker .years td.selected,
.datepicker .months td.selected{
	background: #17384d;
}
.datepicker a:hover {
	color: #88c5eb;
}
.datepicker td.butSelected a:hover {
	color: #999;
}
.datepicker tbody th {
	text-align: left;
}
.datepicker .space div {
	width: 20px;
}
.datepicker .goNext a,
.datepicker .goPrev a,
.datepicker .month a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepicker .goNext a {
	float: right;
	width: 20px;
}
.datepicker .goPrev a {
	float: left;
	width: 20px;
}
.datepicker .viewDays tbody.months,
.datepicker .viewDays tbody.years {
	display: none;
}
.datepicker .viewMonths tbody.days,
.datepicker .viewMonths tbody.years,
.datepicker .viewMonths tr.weeks {
	display: none;
}
.datepicker .viewYears tbody.days,
.datepicker .viewYears tbody.months,
.datepicker .viewYears tr.weeks {
	display: none;
}
.datepicker td.disabled a,
.datepicker td.disabled a:hover,
.datepicker td.disabled.notInMonth a{
	color: #333;
}
/***************  templates/main/css/global.defaults.css  ***************/
/* override browser defaults */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	font-family: Arial, sans-serif;
	font-size: 75%;
}
h1 {
	font-size: 1em;
	margin: 0;
}
h2 {
	font-size: 1.2em;
	margin: 0;
}
h3 {
	font-size: 1em;
	margin: 1.4em 0 0;
}
h4 {
	font-size: 1em;
	margin: 0;
}
h5 {
	font-size: 1em;
	margin: 0;
}
h6 {
	font-size: 1em;
	margin: 0;
}
p,
li {
	line-height: 1.2;
}
p {
	font-size: 1em;
	margin: 0.5em 0 0.9em;
}
li > p {
	margin-top: 0.2em;
}
ol, ul {
	margin: 0.2em 0 0.1em 0;
	padding-left: 0;
}
img {
	border: 0 none;
}
td {
	text-align: center;
}
form,
button,
input,
select,
textarea {
	margin: 0;
}
button {
	overflow: visible;
	padding: 0 6px;
} /* fixes IE<=7 magic padding and aligns it with other browsers */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

a,
a:visited {text-decoration: none;}

.slide {
	position: absolute;
	top: 0;
	left: 0;
}
.floatL {float: left; _display: inline;}
.floatR {float: right; _display: inline;}

.easyC {
	zoom: 1;
}
.easyC:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.text-off {
	position: absolute;
	left: -9999px;
}

.hide {
	display: inline;
	position: absolute;
	overflow: hidden;
	margin: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 0;
}

.absT {
	position: absolute;
	top: 0;
}
.absB {
	position: absolute;
	bottom: 0;
}
.absL {
	position: absolute;
	left: 0;
}
.absR {
	position: absolute;
	right: 0;
}
/***************  templates/main/css/global.layout.css  ***************/

body {
	background: #fff;
}

h1 {
	height: 20px;
	background-color: black;
	padding: 4px 5px 0;
	color: #bbb8a5; /*#87501D;*/
	text-align: right;
}

#holder {
	position: relative;
	margin: 168px auto 0;
	width: 935px;
	border-left: 1px solid #4d545a; /*#825224;*/
	border-right: 1px solid #4d545a; /*#825224;*/
	background-color: white;
}

#branding {
	position: absolute;
	top: -153px;
	left: -1px;
	width: 937px;
	height: 153px;
	background: url(http://www.pavilionsamui.com/templates/main/images/header_new.gif) no-repeat 0 0;
}

#main-menu {
	width: 216px;
	padding: 22px 10px;
}

#top-menu {
	top: -170px;
	right: 215px; /*30px;*/
}

/*#bottom-menu {
	padding-bottom:5px;
}*/

#location-map{
position:absolute;
right:-1px;	
top:-168px;
}

#prop-menu  {
	top: -54px;
	left: 235px;
}

#main-visual {
	position: relative;
	width: 699px;
	z-index: 0;
	background-color: beige;
}

#page-intro {
	top: 0;
	width: 699px;
	z-index: 1;
}
#page-intro-content {
	position: absolute;
	bottom: 0;
	background: url(http://www.pavilionsamui.com/templates/main/images/opacity-black-60.png) repeat;
	color: white;
}

#offers-items {
	display: none;
}
#offers-banner {
	top: -188px;
}

#booking-mask {
	width: 236px;
}

/* ===== BEST RATE WIDGET ===== */

#best-rates {
	width: 80px;
	height: 130px;
	background-color: #211612;
	border: 1px solid white;
}

#time-weather {
	top: 4px; /*-50px */
	right: 4px; /*30px;*/
	padding: 4px 8px 4px 0;
	color: white;
	background: url(http://www.pavilionsamui.com/templates/main/images/opacity-black-30.png) repeat; _behavior: url(/iepngfix.htc);
	z-index:50;
	width:73%;
	text-align:right;
}

#footer {
	clear: both;
	background: url(http://www.pavilionsamui.com/templates/main/images/footer-bg-new.gif) repeat;
	height: 86px;
	padding: 5px 9px 22px;_padding: 5px 9px 0px;
	border-top: 3px solid white;
	color: white;
	font-size: 0.9em;
}
	div#footer div#address{
		margin-left:95px;
		margin-top:30px;
		_margin-top:20px;
	}
	
	*+html div#footer div#address{
		margin-top:20px;
	}

#social-links{
	/*bottom:38px;*/
	clear:left;
	list-style-type:none;
	padding:5px 11px 1px 0;
	/*position:absolute;*/
}

	#social-links li{
		display:inline;
		margin-right:10px;
	}

#travelclick p {
	margin: 0.5em;
	text-align: center;
}

/* ===== TOOLBOX GLASSHOVER ISSUE===== */

#main-visual .toolbox-link {
	top: -30px;
}/***************  templates/main/css/global.details.css  ***************/

#branding img {
	position: relative;
	top: 15px;
	left: 35px;
}

#main-content ul
{
	padding-left: 1.4em;
}

#page-intro h2 {
	font-size: 1.7em;
	font-weight: normal;
}


#booking-mask h2 {
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	color: #4D545A;
	height: 36px;
	line-height: 36px;
	background: url(http://www.pavilionsamui.com/templates/main/images/bm-header-bg.gif) repeat-x;
}


.side-box {
	clear: left;
	width: 180px;
	margin: 10px 28px;
	background: url(http://www.pavilionsamui.com/templates/main/images/box-bg-left.gif) no-repeat 0px 7px;
}
.side-box h2 {
	margin-bottom: 10px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	text-align: center;
	padding: 5px 0;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #4D545A;
	background: url(http://www.pavilionsamui.com/templates/main/images/box-bg-right.gif) no-repeat center right;
}

#box-newsletter #email-address {
	border: 0 none;
	background-color: gray;
	color: white;
	width: 142px;
	padding: 1px 2px 2px;
	font-size: 1em;
}

#box-newsletter .go {
	background-color: #5D81A3;
	text-transform: uppercase;
	border: 0 none;
	color: white;
	padding: 0 3px 1px;
	font-size: 1em;
}



#time-weather h2 {
	display: none;
}
#time-weather p {
	display: inline;
}
#time-weather p.title {
	margin-left: 10px;
	color: #316AC5;/*#5AB8EE;*/
}
#time-weather #weather {
	text-transform: capitalize;
}

#best-rates {
	text-align: center;
	font-size: 0.9em;
}

#best-rates p.rate {
	font-family: "Georgia", "Times New Roman", serif;
}

#best-rates p.rate .label {
	display: block;
	text-transform: capitalize;
	font-variant: small-caps;
	margin-bottom: 6px;
}

#best-rates p.rate .rate {
	display: block;
	color: #E0B6AA;
	margin-bottom: 4px;
}

#best-rates p.rate .currency {
	vertical-align: top;
	position: relative;
	top: 0.5em;
}

#best-rates p.rate .amount .units {
	font-size: 1.7em;
}
#best-rates p.rate .post-rate-text {
	color: #C76824;
}

#best-rates p.guarantee
{
	color: #9E7F6D;
	font-size: 0.8em;
	text-transform: uppercase;
}

#best-rates a.booking-link
{
	display: block;
	padding: 4px;
	margin: 0 8px;
	background: #8F6050;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 0.7em;
	
}

#offers-banner h2 {
	display: inline;
	font-size: 1em;
	font-weight: normal;
	color: #5AB8EE;
}
#offers-banner p {
	display: inline;
	color: white;
}
#offers-banner a {
	color: #5AB8EE;
}
#offers-banner a:hover {
	color: #A1D6F5;
}


#footer p.tc {
	margin-right: 10px;
}

#footer a {
	color: #ccc;
}

#footer a:hover {
	color: white;
}
/***************  templates/main/css/global.colors.css  ***************/
a {
	color: #4D545A;
}

a:hover {
	color: #000000;
}

#holder {
	color: #263036;
}

#prop-menu h2{
color:#fff;
/*font-family:BenguiatGot Bk BT,Arial,"Times New Roman";*/
font-size:1.25em;
}



/***************  templates/main/css/menus.css  ***************/
#main-menu ul.menu {
	text-align: center;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
}

#main-menu ul.menu li {
	list-style: none outside none;
	padding: 5px 0;
}

#main-menu ul.menu li a {
	color: #4D545A;
	padding: 4px 0;
	display:block;
}
#main-menu ul.menu li.offers a {
	color: #137DBB;
}
#main-menu ul.menu li.active a,
#main-menu ul.menu li a:hover {
	color:#fff;
	background:#4D545A;
}



#top-menu a {
	color: #4d545a; /*#CC642D;*/
	font-size: 0.9em;
	text-transform: uppercase;
}
#top-menu ul.menu li.active a,
#top-menu ul.menu li a:hover {
	color: #000; /*#AA5426;*/
}

#top-menu ul.menu li {
	display: inline;
	list-style: none outside none;
	/*border-right: 1px solid #CC642D;*/
	padding: 0 6px 0 3px;
}
#top-menu ul.menu li.itemr1 {
	/*border-right: 0 none;*/
	padding-right: 0;
}
#top-menu ul.menu li.villas,
#top-menu ul.menu li.ibedsamui{
	display:none;
}

#prop-menu a {
	color: #fff;
}
#prop-menu a:hover {
	color: #bbb8a5; /*#AA5426;*/
}
#prop-menu ul.menu li{
	display: inline;
	list-style: none outside none;
	padding: 0 6px 0 0;
}
#prop-menu ul.menu li.item1,
#prop-menu ul.menu li.item2,
#prop-menu ul.menu li.item3,
#prop-menu ul.menu li.item4{
	display: none;
}

#prop-menu ul.menu li.item5{
border-right:1px solid #fff;
}

#prop-menu ul.menu li.item6{
margin-left:4px;
*margin-left:8px;
}

#bottom-menu a {
	color: #fff; /*#CC642D;*/
	font-size: 0.9em;
	text-transform: uppercase;
}
#bottom-menu ul.menu li.active a,
#bottom-menu ul.menu li a:hover {
	color: #bbb8a5; /*#AA5426;*/
}

#bottom-menu ul.menu li {
	display: inline;
	list-style: none outside none;
	/*border-right: 1px solid #CC642D;*/
	padding: 0 6px 0 3px;
}
#bottom-menu ul.menu li.itemr1 {
	/*border-right: 0 none;*/
	padding-right: 0;
}
/***************  templates/main/css/booking-mask.css  ***************/

div.calendar {
	z-index: 10;
}

div#booking-mask p {
	float: left; _display: inline;
	text-transform: uppercase;
	margin: 0 30px 0 0;
}

span.rateslabel {
	font-size: 1.8em;
	display: block;
}

span.reservlabel {
	font-size: 1.1em;
}

div#booking-mask form {
	margin: 20px 0 15px 28px;
}

div#booking-mask label {
	display: block;
	margin: 0 0 4px;
	text-transform: uppercase;
	color: black;
}
div#booking-mask label,
div#booking-mask .go {
	font-size: 0.9em;
}
div#booking-mask input,
div#booking-mask select {
	border: 1px solid gray;
	font-size: 1.0em;
}
div#booking-mask input[type~="hidden"] {
	display: none;
}
div#booking-mask div.choose {
	float: left; _display: inline;
	margin: 8px 6px 0 0;
}
div#booking-mask div.date {
	margin-top: 7px;
}
div#booking-mask div.date label.format-helper {
	position: absolute;
	left: 0.5em;
	bottom: -1.7em;
	text-transform: lowercase;
}
div#booking-mask div.date input {
	float: left; _display: inline;
	padding: 2px 10px 3px;
	margin-right: 5px;
} div#booking-mask div.date input {
	width: 123px;
}
.rtl div#booking-mask div.date input {
	padding-left: 0;
	padding-right: 0.5em;
}
div#booking-mask img.date-picker {
	background: url(http://www.pavilionsamui.com/templates/main/images/calendar.gif) no-repeat 0 0;
	cursor: pointer;
}
div#booking-mask img.date-picker:hover {
	background-position: 0 -22px;
}

div#booking-mask div.choose select {
	padding: 0px;
	width: 3.7em; /* WARNING! Allowing for Safari's need for wide select boxes: for font-size which evaluates to 9px, use 4.4em;  for 11px, 4.1em;  for 12px, 4em */
}
div#booking-mask .go {
	background: transparent url(http://www.pavilionsamui.com/templates/main/images/bm-book-new.gif);
	overflow: visible;
	float: left; _display: inline;
	margin: 0.8em 0 0 0;
	border: 0 none;
	padding: 0;
	width: 144px;
	height: 24px;
	cursor: pointer;
	text-transform: uppercase;
	color: white;
}
/***************  templates/main/css/datepicker.css  ***************/

.datepicker .days td.selected{
	background: #136A9F;
}
.datepicker .days td.butSelected {
	background: #17384d;
}

.datepicker a:hover {
	color: #88c5eb;
}
/***************  templates/main/css/pukkaPackages.widget_listModuleItems.css  ***************/
/* ===== SPECIAL OFFERS BOX ==== */

.widgetOutput.pukkaPackages
{
	position: relative;
	z-index: 1;
	font-family: "Georgia", "Times New Roman", serif;
}

.widgetOutput.pukkaPackages .widgetHeader
{
	position: absolute;
	top: 0; left: 0;
	width: 290px;
	padding: 4px 8px 6px 8px;
	background: url(http://www.pavilionsamui.com/templates/main/images/offers-header-bg.png);
	_behavior: url(/iepngfix.htc);
	z-index: 10;
	
	text-transform: uppercase;
	font-style: italic;
	font-size: 1.1em !important;
}

.widgetOutput.pukkaPackages .item
{
	width: 306px; height: 130px;
	position: relative;
	zoom: 1;
	z-index: 1;
	display: none;
	
	color: #C76824;
	font-size: 0.8em;
}

.widgetOutput.pukkaPackages .item.first
{
	display: block;
}

.widgetOutput.pukkaPackages .item .title
{
	position: absolute;
	top: 55px; left: 4px;
	padding: 4px;
	background: url(http://www.pavilionsamui.com/templates/main/images/offers-title-bg.png);
	_behavior: url(/iepngfix.htc);
	z-index: 1;
	
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
	color: #ffffff;
}
.widgetOutput.pukkaPackages .item .title a
{
	color: #ffffff;
	text-decoration: none;
}

.widgetOutput.pukkaPackages .item .main-image
{
	position: absolute;
	left: 0; top: 0;
	width: 306px;
	height: 130px;
	z-index: 0;
}

.widgetOutput.pukkaPackages .item .content
{
	position: absolute;
	top: 95px; left: 0;
	width: 290px;
	height: 27px;
	padding: 4px 8px;
	z-index: 1;
	
	color: #ffffff;
	background: url(http://www.pavilionsamui.com/templates/main/images/offers-content-bg.png);
	_behavior: url(/iepngfix.htc);
}

.widgetOutput.pukkaPackages .item .view-link,
.widgetOutput.pukkaPackages .item .booking-link
{
	position: absolute;
	z-index: 2;
	right: 4px; bottom: 4px;
	
	font-size: 1.2em;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
}

.widgetOutput.pukkaPackages .item .view-link:hover,
.widgetOutput.pukkaPackages .item .booking-link:hover
{
	color: ;
}

.widgetOutput.pukkaPackages .edit-list-link
{
	position: absolute;
	top: -1.6em; right: 0;
	z-index: 13;
	
	font-family: Arial, sans-serif;
	color: #c00000;
	background: #e0e0e0;
	padding: 1px 4px;
	text-transform: capitalize;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	opacity: 0.8;
}

.widgetOutput.pukkaPackages .edit-list-link:hover
{
	text-decoration: underline;
}

#offers .pager
{
	position: absolute;
	top: 0; right: 0;
	padding: 7px 9px;
	z-index: 2;
}

#offers .pager a
{
	float: left;
	padding: 12px 12px 0 0;
	width: 0; height: 0;
	overflow: hidden;
	background: #8F6050;
	margin-left: 4px;
}


#offers .pager a.activeSlide
{
	background: #ffffff;
}