/* BACKGROUNDS - PNG*/
.mailing input.go,
.nav-arrows,
#main-content ul li .list,
.places-of-interest h4,
.pdf-btn .pdf-icon,
.acco-bg-plus,
.acco-bg-minus,
.clock,
.promo .pager-wrapper .pager span,
#mod_pukkaPackages a.content-link {
	background-image: url(../../images/theclub/bg-sprite-theclub.png);
}

#main-visual-wrapper .slideshow{
	background-image:url(../../images/preloaders/the-club-saujana-resort.gif);
}

#fancybox-overlay, .promo-code{
	background:#37214d!important;
}

div.worldHotel{
	display:none;
}
#main-menu ul li:hover,
#main-menu ul li.active,
div#gallery-menu li:hover,
div#gallery-menu li.active,
.module-item-sub-menu li:hover,
.module-item-sub-menu li.active,
.reviews-pager span.pager-item.active,
.reviews-pager span.pager-item:hover{
	background-image: url(../../images/theclub/menu-hover.png);
}

#mod_pukkaGalleries .picture.active .gallery-overlay{
	background:url(../../images/theclub/gallery-overlay.png) repeat;
}

#review-block .overlay-bg{
	background:url(../../images/theclub/lifestyle_bg.png) repeat-x;
}
span.rates span.star{
	background-image:url(../../images/theclub/reviews-stars.png);
}

/* the-club-saujana-resort layout */
#main-menu li.has-submenu:hover,
#main-menu ul li.subMenuitem ul,
.theme-bg, .promo-code input, .email-entry input{
	background:#37214d;
}
.submit-btn-wrapper button{
	color:#37214d;
}

#mod_pukkaReviews .itemPreview:hover,
#main-content .itemPreview.open{
	border-color: #652689;
}

#mod_pukkaReviews a .btn-text{
	border-color:#652689;
}


a,
.purple,
#ui-datepicker-div .ui-datepicker-calendar th,
#upper-menu ul li a:hover,
#upper-menu ul li.active a,
#review-block .view-all-reviews,
.promo-block .promo-price a,
.module-item-sub-menu li a,
#mod_pukkaRooms .itemPrice,
.itemConTitle,
#main-menu .potraitCon li a:hover,
h3.module-contentTitle,
.reviews-pager span.pager-item.active,
.reviews-pager span.pager-item:hover,
div#gallery-menu li a:hover,
div#gallery-menu li.active a,
div.module-item-sub-menu li a:hover,
div.module-item-sub-menu li.active a{
	color:#652689;
}

.smo,
.brand-block.the-saujana-hotel,
.theme-border, 
.brand-block.the-saujana-hotel, .footer-block form{
	border-color:#57456a;
}

.footer-menu ul li a:hover{
	color:#57456a;
}
#header,
#availability-checker{
	border-color:#37214d;
}

#mod_flexibleForms .submitButton .rev-icon,
#mod_mailingList .submitButton .rev-icon{
	background:#995bbc;
}
.submit-btn-wrapper button:hover{
	color:#995bbc;
}

.the-club-saujana-resort #free-wifi{
	background-position: 0 -24px;
}

.brand-block.the-club-saujana-resort{
	border-color:#57456a;
}

#ui-datepicker-div .ui-state-highlight, 
#ui-datepicker-div .ui-widget-content .ui-state-highlight, 
#ui-datepicker-div .ui-widget-header .ui-state-highlight,
.promo-block.active .promo-price a,
.promo-block .promo-price a:hover, .bookingSection,
#mod_pukkaPackages .itemPreviewPrice,
#mod_pukkaPackages .selected .itemPreviewBookingLink{
	background:#652689;
}
.promo .itemDetails .bookingSection .btn a,
#mod_pukkaPackages .selected .itemPreviewBookingLink.btn a{
	border-color:#652689;
}
#mod_pukkaReviews .btn a:hover,
.promo .itemDetails .bookingSection .btn a:hover,
#mod_pukkaPackages .itemPreviewBookingLink.btn a:hover,
#mod_pukkaReviews .itemPreview:hover .btn a:hover,
#mod_pukkaPackages .btn-text{
	border-color:#995bbc;
}
.promo .itemDetails .bookingSection .btn a .btn-text{
	border-color:#652689;
	border-bottom-color:#995bbc;
}

#mod_pukkaPackages .itemPreview.selected,
#mod_pukkaReviews .itemPreview.selected,
.btn-full a {
	border: 2px solid #652689;
}

/** HOME **/
.promo-block:hover,
#mod_mailingList .submitButton .submit:hover, 
#mod_flexibleForms .submitButton .submit:hover {
	border-color: #995bbc;
}
.btn a:hover,
.promo-video .overlay:hover .play-text{
	border: 2px solid #995bbc;
}
	
	#mod_mailingList .submit, 
	#mod_flexibleForms .submit{
		border: 2px solid #fff;
	}
	.btn-text{
		border-bottom: 2px solid #995bbc;
	}

#free-wifi{
	background-position:0 -24px;
}
.the-club-saujana-resort .lifestyle-image #TA_certificateOfExcellence20 {
  height: 144px;
  margin: 60px auto 0;
  width: 163px;
}
.the-club-saujana-resort .lifestyle-image #TA_certificateOfExcellence20 #CDSWIDCOE{
	margin-left: 0;
}

@media (min-width: 768px) and (max-width: 979px) {
	
	#potrait-book-now-btn {
		background:#37214d;
	}
	#main-menu{
		background:#f2f2f2;
	}
	#main-menu ul li {
		border-bottom: 1px solid #ddc0ee;
	}
		#header #main-menu ul li.active a{
			background-image: url(../../images/theclub/bg-sprite-theclub.png);
		} 
	.the-club-saujana-resort .lifestyle-image #TA_certificateOfExcellence20{
		margin: 6px auto 0;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.btn a:hover, .promo-video .overlay:hover .play-text {
		border: none;
	}

	#main-menu{
		background:#f2f2f2;
	}
	#main-menu ul li {
		border-bottom: 1px solid #ddc0ee;
	}
		#header #main-menu ul li.active a{
			background-image: url(../../images/theclub/bg-sprite-theclub.png);
			}

	.module-item-sub-menu li:hover,
	.module-item-sub-menu li.active, 
	.module-item-sub-menu li.active:hover{
		background-image:url(../../images/wifi-sprite.png);
	}
	
	#special-offers .promo-block .btn-text {
		border-bottom: 2px solid #652689;
	}
	#special-offers .promo-block .btn-text, .bottom-content .readmore-block a .btn-text {
		border-bottom: 2px solid #652689;
	}

	
	.footer-block.footer-menu {
		border-bottom: 2px solid #574569;
	}
	.footer-block.mailing {
		border-bottom: 2px solid #574569;
	}
	.footer-block.smo-wrapper {
		border-bottom: 2px solid #574569;
	}
	.footer-logos{
		border-bottom:2px solid #574569;
	}
	.the-club-saujana-resort #review-block div.lifestyle-images {
		height: 130px;
	}
	.the-club-saujana-resort #review-block div.lifestyle-image{
		height : 145px;
	}
	.the-club-saujana-resort #review-block div.lifestyle-image.trip-advisor{
		width : 100%;
		margin: 10px auto 0;
	}
	.the-club-saujana-resort #review-block div.lifestyle-image #TA_certificateOfExcellence20 {
		margin: 0px auto 0;
	}
	
}