/* $Id: meon.css,v 1.61 2010/03/17 10:48:18 tim.b Exp $ */
/*-----------------------------------------------------------------------------*/

@import "buttons.css";

/******** ONLY REQUIRED FOR CERTAIN PAGES WHICH NEED TO HAVE INDIVIDUAL STYLES **********/

body {
	background: url(../images/pageElements/background/bodyBG.jpg) repeat scroll 0 0;
	color:#464646;
	font-family:Verdana,Arial,Georgia,"Trebuchet MS",Tahoma,"Times New Roman";
	font-size:62.5%;
	margin:0 auto;
	padding:0;
	text-align: left;
}
#containerMain {
	background:#FFFFFF none repeat scroll 0 0;
	font-size: 1.1em;
	margin:0 auto;
	width:970px;
}
#contentContainer {
	display: block;
	background: #fff none repeat scroll 0 0;
	font-size: 1.1em;
	overflow:auto;
	padding:16px 16px 0 16px!important;
}
.hide 			{ display:none; }
.floatRight,
.fRight 		{ float:right; }
.floatLeft,
.fLeft 			{ float:left; }
.clear			{ clear:both; }
.centre			{ text-align:center; }

/**** Text Styles
************************************************************************************************/

h1 { color: #903315;
	font-size:1.5em;
	font-weight:normal;
	padding: 0;
	margin: 0;
}
h2 { color: #343233;
	font-size: 1.3em;
	padding-bottom: 5px;
	margin: 0;
}
p { color: #323232;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
a, a:visited {
	color:#903315; /* #C0826B */
	font-weight:bold;
	text-decoration: none;
}
.tinyText	{ font-size:0.9em; }

/**** Header
************************************************************************************************/

#header 					{ height:85px; }
#headerRight, #agentRight 	{ float:right; padding-top:12px; width:420px; }
#logo, #agentLogo  			{ float:left; width:372px; }
#logo p {
	background:transparent url(../images/pageElements/logos/logo.gif) no-repeat scroll 0 0;
	height:85px;
	margin:0;
	position:relative;
	text-indent:-9000px;
}
#agentLogo p {
	background:transparent url(../images/pageElements/logos/agentLogo.gif) no-repeat scroll 0 0;
	height:85px;
	margin:0;
	position:relative;
	text-indent:-9000px;
}
#headerRight p.atol,
#headerRight p.bpgSpr 	{
	font-size:0.9em;
	text-align:right;
	padding-bottom:5px;
	padding-right:10px;
}
#headerRight p.atol a,
#headerRight p.atol a:hover,
#headerRight p.atol a:visited	{
	color:#026FAA;
}
#headerRight p.bpgSpr {
	margin-left:155px;
	padding-bottom:0;
}
#headerRight p.bpgSpr a{
	background:transparent url(../images/pageElements/background/bgpSprite.gif) no-repeat scroll 0 -25px;
	display:block;
	height:0;
	padding-top:25px;
	overflow:hidden;
}
#headerRight p.bpgSpr a:hover{
	background-position: 0 -25px;
}
#headerRight .searchBox {
	background: none;
	float: left;
	padding-top:10px;
}
#headerRight .searchBox p.phone,
#headerRight .searchBox p.agentsPhone {
	color:#006596;
	font-family:Arial !important;
	font-size:2.5em;
	height:30px;
	position:relative;
	right:12px;
	top:4px;
}
#headerRight .searchBox p.phone span,
#headerRight .searchBox p.agentsPhone span {
	color:#454648;
	float:left;
	font-size:0.4em !important;
	font-weight:normal;
	line-height:1.1em;
	padding-right:9px;
	padding-top:7px;
	text-align:right;
	width:145px !important;
}
#headerRight .searchBox p.agentsPhone {
	background:transparent url(../images/pageElements/graphics/agentTelephoneNumber.gif) no-repeat scroll 0 0;
	top:45px;
}
#headerRight .searchBox a.atol {
	font-size:0.8em;
}
#headerRight .atolProtected {
	background:transparent url(../images/pageElements/logos/atol-logo.gif) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	height:50px;
	margin:0;
	position:relative;
	right:12px;
	text-indent:-9000px;
	top:6px;
	width:55px;
}
#headerRight .rightSideHeaderLogo {
	background:transparent url(themes/meon/images/pageElements/logos/headerLogoAgentLogin.gif) no-repeat scroll 0 0;
	bottom:5px;
	float:right;
	height:0;
	margin-top:0;
	overflow:hidden;
	padding-top:65px;
	position:relative;
	right:10px;
	width:158px;
}
.printOnly, .hide {
	display:none;
}

/**** Google Mini Search Box
************************************************************************************************/

#headerRight .searchBox #gmContainer {
	background: url(../images/pageElements/background/googleMiniBG.jpg) no-repeat scroll 0 0;
	float: left;
	height: 38px;
	width: 265px;
}
#headerRight .searchBox #gmContainer form {
	margin:8px 0 0 15px;
}
#headerRight .searchBox #gmContainer input {
	vertical-align: middle;
	font-size: 12px;
}
#headerRight .searchBox #gmContainer input.searchMeon {
	bottom:20px;
	float:right;
	position:relative;
	right:10px;
}
#headerRight .searchBox #gmContainer input.searchArea {
	background:transparent url(../images/pageElements/background/searchfieldBG.jpg) no-repeat scroll 0 0;
	border:medium none;
	color:#C3C3C3;
	height:20px;
	margin:0 10px 0 5px;
	padding-left:10px;
	top:61px;
	width:150px;
}
#headerRight .searchBox #gmContainer .googleMiniRight,
#headerRight .searchBox #gmContainer .googleMiniLeft {
	height: 21px;
}
#headerRight .searchBox #gmContainer .googleMiniRight {
	background: url(../images/pageElements/background/searchfield_rightcap.jpg) no-repeat scroll 0 0;
	float:right;
	position:absolute;
	right:292px;
	width:11px;
}
#headerRight .searchBox #gmContainer .googleMiniLeft {
	background: url(../images/pageElements/background/searchfield_leftcap.jpg) no-repeat scroll 0 0;
	float:left;
	margin:0;
	padding:0;
	width:24px;
}
#headerRight .searchBox #gmContainer label {
	text-transform:uppercase;
}

/**** Main Menu
************************************************************************************************/

#menu { height:30px; /* height:32px;  margin: 18px auto;*/ position: relative; z-index: 0;}
#menu #globalnav { margin: 0; padding: 0; }
#menu #globalnav li { display: inline; padding: 0; margin: 0;}
#menu #globalnav li a { float: left; width: 970px; height: 0; padding-top: 30px; overflow: hidden; }
#menu #globalnav li a,
#menu #globalsearch {
	background-image: url(themes/meon/images/pageElements/background/menuBG.gif);
	_background-image: url(themes/meon/images/pageElements/background/menuBG.gif);
	background-repeat: no-repeat;
}
/* BUTTONS */
#menu #globalnav li#mmHome a { background-position: 0 -60px;width:107px; }
#menu #globalnav li#mmOffers a { background-position: -107px -60px;width:159px; }
#menu #globalnav li#mmDestinations a { background-position: -266px -60px;width:151px; }
#menu #globalnav li#mmReviews a { background-position: -417px -60px;width:151px; }
#menu #globalnav li#mmContact a { background-position: -568px -60px;width:191px; }
#menu #globalnav li#mmBrochure a { background-position: -753px -60px;width:211px; }
#requestBrochureSubmit {width: 130px; height:29px; margin-top:5px;}
#pcaButtonAX18{vertical-align:middle; width: 128px; height:25px;}

/* OVER STATES */
#menu #globalnav li#mmHome a:hover { background-position: 0 -30px; }
#menu #globalnav li#mmOffers a:hover { background-position: -107px -30px; }
#menu #globalnav li#mmDestinations a:hover { background-position: -266px -30px; }
#menu #globalnav li#mmReviews a:hover { background-position: -417px -30px; }
#menu #globalnav li#mmContact a:hover { background-position: -568px -30px; }
#menu #globalnav li#mmBrochure a:hover { background-position: -753px -30px; }

/* ON STATES - DONT HAVE ON NEW DESIGN */
#menu.index #globalnav li#mmHome a{ background-position: 0px 0px !important; }
#menu.specialOffers #globalnav li#mmOffers a { background-position: -107px 0px !important; }
#menu.browse #globalnav li#mmDestinations a { background-position: -266px 0px !important; }
#menu.villaReviews #globalnav li#mmReviews a { background-position: -417px 0px !important; }
#menu.Contact #globalnav li#Contact a { background-position: -571px 0px !important; }
#menu.brochureRequestMailForm #globalnav li#mmBrochure a { background-position: -759px 0px; }

/**** Sub Menu
************************************************************************************************/

#subMenu,
#agentSubMenu {
	background:transparent url(../images/pageElements/background/subMenuBG.jpg) repeat scroll 0 0;
	overflow:auto;
	width:970px;
}
/* #subMenu p#index, */
#subMenu div,
#subMenu a#index {
	background:transparent url(themes/meon/images/pageElements/background/subMenuIndexBg.jpg) repeat-x scroll 0 0;
	color: #fff;
	height:86px;
	margin-top:0;
	width:970px;
}
#subMenu div.bestPriceButton{
	height:50px;
	float:left;
	width:180px;
	padding:20px 0 14px 36px;
}
#subMenu div.bestPriceButton a{
	display:block;
	float:left;
	height:0;
	background:transparent url(themes/meon/images/pageElements/buttons/btnPriceGuarantee.gif) no-repeat scroll 0 0;
	overflow:hidden;
	padding-top:51px;
	width:177px;
}
#subMenu div.bestPriceButton a:hover{
	background-position:0 -51px;
}
#subMenu div.subContent{
	float:right;width:754px;
}
#subMenu div.subContentLong{
	float:right;
	width:970px;
}
#subMenu .subContentLong a#oneThousandOffer {
	display:block;
	width:958px;
	height:75px;
	background:transparent url(themes/meon/images/specialOffers/meon1000BannerBtn.gif) no-repeat scroll 0 0;
	margin: 0 auto;
	margin-top: 5px;
}
#subMenu .subContentLong a#twoHundredOffer {
	display:block;
	width:958px;
	height:75px;
	background:transparent url(themes/meon/images/specialOffers/meon200Banner.gif) no-repeat scroll 0 0;
	margin: 0 auto;
	margin-top: 5px;
}
#subMenu .subContentLong a:hover#twoHundredOffer,
#subMenu .subContentLong a:hover#oneThousandOffer {
	background-position: 0px -75px;
}
#subMenu .subContentLong img {
	margin: 5px 0px 0px 6px;
}
#subMenu div p span.subMenuBannerTitle {
	padding-top:16px;
	padding-left:40px;
	padding-right:40px;
	color:#F5F0DD;
	font-size:1.5em;
}
#subMenu div p span.subMenuBannerText{
	padding-left:40px;
	padding-right:40px;
	display:block;
	margin-top:6px;
	font-size:1.1em;
}
#subMenu a#index p {
	float:left;
	font-size:1.2em;
	font-weight:normal;
	padding:4px 8px 0 12px;
	width:560px;
}
#subMenu a#index .graphic {
	background:transparent url(themes/meon/images/pageElements/background/indexSubMenuIndexGraphic.jpg) no-repeat scroll 0 0;
	float:right;
	height:0;
	margin-top:0;
	overflow:hidden;
	padding-right:30px;
	padding-top:86px;
	width:120px;
}
#subMenu p#specialOffers {
	background:transparent url(themes/meon/images/pageElements/background/subMenuSpecialOffers.gif) no-repeat scroll 0 0;
	height:0;
	margin-top:0;
	overflow:hidden;
	padding-top:86px;
	width:970px;
}
#subMenu p.subMenuStatic {
	background:transparent url(../images/pageElements/background/subMenuBG.jpg) repeat scroll 0 0;
	height: 20px;
	display: block;
	text-align:right;
}
#subMenu .expandLink,
#subMenu .minimizeLink {
	color:#BCCABD;
	cursor:pointer;
	font-size:1.3em;
	font-weight:bold;
	margin-right:10px;
	padding:5px 0;
	text-align:right;
}
#subMenu p,
#subMenu p a {
	color: #fff;
	float: right;
}
#subMenu a.signOut {
	background:transparent url(../images/pageElements/buttons/agentSignOut.jpg) repeat scroll 0 0;
	float:right;
	height:0;
	margin-left:10px;
	margin-top:0;
	overflow:hidden;
	padding-top:20px;
	width:72px;
}

/**** Left / Right Column Dividers
************************************************************************************************/

#breadcrumbs {
	background: #DAD8CB;
	padding: 5px 0 5px 20px;
}

/**** Left / Right Column Dividers
************************************************************************************************/

#leftColumn {
	display:inline;
	float:left;
	margin-bottom:14px;
	width:268px;
}
#rightColumn {
	background: #fff none repeat scroll 0 0;
	border-left: 1px solid #DBD9CB;
	border-right: 1px solid #DBD9CB;
	display:inline;
	float:right;
	margin-bottom:15px;
	width:654px;
}

/**** Lower Left Column
************************************************************************************************/

.lowerLeftColumn {
	border: 1px solid #903315;
	background-color: #FCF8F9;
	-moz-border-radius: 5px;
	padding-bottom: 45px;	
}
.lowerLeftColumn p.villasGreatFor {
	background:transparent url(themes/meon/images/pageElements/background/indexTitlesSprite.gif) no-repeat scroll 0 0;
	height:14px;
	left:10px;
	position:relative;
	text-indent:-9000px;
	top:10px;
}
.lowerLeftColumn a p.viewAllCollections {
	background:transparent url(themes/meon/images/pageElements/buttons/collectionsViewAll.gif) no-repeat scroll 0 0;
	cursor:pointer;
	height:0;
	left:185px;
	overflow:hidden;
	padding-top:26px;
	position:relative;
	top:-8px;
	width:66px;
}
.lowerLeftColumn ul {
	padding: 0;
}
.lowerLeftColumn li {
	background: transparent url(../images/pageElements/buttons/arrowSelect.gif) no-repeat right bottom;
	border-bottom:1px solid #BEB8A0;
	color:#903315;
	list-style:none;
	margin:0 10px;
	padding:9px 0;
}

/**** Footer
************************************************************************************************/

#footer {
	background: transparent url(../images/pageElements/background/umbrella.jpg) no-repeat right bottom;
	clear:both;
	height:259px;
	margin-top:10px;
	width:970px;
	position:relative;
}
#footer a,
#footer a:visited{
	font-weight:normal;
}
#footer.heightOveride{
	height:150px;
}
#footer .secondaryNav{
	background: #fff url(../images/pageElements/background/footerTopBg.gif) repeat-x 0 0;
	height:69px;
	overflow:hidden;
	padding:20px 37px;
}
#footer .footerLinks ul {
	float: left;
	margin:0px;
	padding:0px;
	width:145px;
}
#footer .footerLinks li {
	list-style: none;
	padding-top: 5px;
}
#footer .emailOffers {
	float: right;
	width: 300px;
}
#footer .emailOffers h2 {
	background: transparent url(../images/pageElements/background/emailOffers.gif) no-repeat 0 0;
	height:0;
	padding-bottom:0px;
	padding-top:14px;
	overflow:hidden;
}
div.emailOffers p{
	margin:10px 0px;
}
input#email{
	background-attachment:fixed;
	background-color:transparent;
	background-image:url(themes/meon/images/pageElements/background/sprFormBg.png);
	background-position:0 -108px;
	background-repeat:no-repeat;
	border:medium none;
	color:#999999;
	font-size:1.1em;
	height:17px;
	padding:5px;
	width:142px;
}
html>body input#email{
	background-attachment:scroll;
}
#footer ul.emailOfferLink {
	float:right;
	width: 175px;
	position:absolute;
	top:23px;
	right:8px;
}
#footer ul.emailOfferLink li,
#footer ul.emailOfferLink li.first {
	display:inline;
	padding-left:5px;
}
#footer ul.emailOfferLink li.first {
	border-right:1px solid #323433;
	padding-right:5px;
}
#footer .legalText {
	padding:15px;
	position:relative;
}
#footer .legalText p{
	color:#fff;
	font-size:0.8em;
	margin-bottom:8px;
	width:570px;
}
#footer .legalText a{
	top:36px;
	position:absolute;
	padding-top:30px;
	height:0;
	overflow:hidden;
	background:transparent;
}
#footer .legalText a.FTO	{ right:344px; width:25px; }
#footer .legalText a.IATA	{ right:301px; width:36px; }
#footer .legalText a.CAA	{ right:265px; width:25px; }
#footer .legalText a.ABTA	{ right:198px; width:57px; }
div.categories p {
	background: url(/themes/meon/images/pageElements/background/sprCategories.gif) top left no-repeat;
	float:left;
	height:0;
	margin-bottom:4px;
	overflow:hidden;
	padding-top:18px !important;
	width:159px;
}
div.categories p.LargeGroups 			 { background-position: 0px -36px; }
div.categories p.Luxury 	 			 { background-position: 0px -18px; }
div.categories p.SecludedandPrivate 	 { background-position: 0px -54px; }
div.categories p.BeachHolidays 			 { background-position: 0px -72px; }
div.categories p.ClosetoShopsandTavernas { background-position: 0px -90px; }
div.categories p.ValueVillas 			 { background-position: 0px -108px; }

/**** News Index Styles and Pop Up Styles
************************************************************************************************/

#news {
	border:1px solid #CCCCCC;
	height:60px;
	margin-bottom:24px;
	padding:3px 10px;
}
h1.news {
	background:transparent url(themes/meon/images/pageElements/background/newsTitleHeader.jpg) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:1.5em;
	height:32px;
	padding:7px 0 0 10px;
}
.offersBanner a {
	background:transparent url(themes/meon/images/pageElements/graphics/browseBulletArrow.gif) no-repeat scroll 5px 7px;
	font-weight:bold;
	padding:5px 15px;
}

/**** Images Left Column
************************************************************************************************/

.imagesLeftCol img {
	margin:7px 0;
	padding:10px 30px;
}
p#interstitial {
	height:40px;
	text-align:center;
}
	
h1.payments {
	background:transparent url(themes/meon/images/pageElements/background/browseHeaderBg.jpg) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:2em;
	height:50px;
	padding:25px 0 0 12px;
}
p.balancePayment {
	line-height: 1.3em;
	padding: 10px;
}

/* meon ratings popup */
.ui-widget-header { 	
	background:transparent url(themes/meon/images/pageElements/graphics/meonRatingSystem.gif) no-repeat scroll 0 0 !important;	
	height:37px !important;	
	padding: 5px !important;
	background-position:7px 11px !important;
}

#popupRatings {
	overflow: hidden;
	height: 0px;
	width: 269px !important;
}

.ui-dialog-titlebar {
	height:12px !important;
	padding: 5px !important;
	background-position:7px 11px !important;
	/* bug fix ie6 and ie7 */
	*position: absolute;
	*right: -1px;
	*top: -20px;
	*width: 15px;	
}
	
.ui-dialog {
	height: auto !important;
	width: auto !important;
	top: 200px !important;;
	position: fixed !important;	
	z-index: 99999999 !important;
	/* IE hack */
	_position: absolute !important;		
	_border: 3px solid grey;	
	*padding-top: 20px;
}

.ui-dialog-container {	
	width: auto !important;
	_width: 200px !important;
}
	
.ui-dialog-overlay {
	background-image: url(../images/general/transBg.png);
	z-index: 9999999 !important;	
	_background-image: url(../images/general/transBg.gif);	
}

.popupLink {
	cursor: help;
}

.popupLink img {
	width: auto !important;
	height: auto !important;
	border: none !important;
}

#popupRatings img {
	margin-top: 8px;
	margin-bottom: 4px;
}

#popupRatings {
	background:url("themes/meon/images/pageElements/graphics/meonRatingSystem.gif") no-repeat scroll 0 0 transparent !important;
	margin-left:14px;
	margin-top:15px;
	padding-top:34px;
	height: 253px !important;
}

.cleanPopup {
	height: auto !important;
	width: auto !important;	
	text-align: center;	
}

#popupRatings p {
	position: relative;
	left: -10px;	
	text-align: left;
}

.ratingsRight {
	float:right;
	margin-right:7px;
	position:relative;
	top:-2px;
	*top:-20px;
}

/**** RSS Pop up for resort level browse
************************************************************************************************/

.rss-popup {
	bottom:2px;
	cursor:help;
	float:right;
	height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 9px 0 0;
	position:relative;
	text-align:right;
	width:119px;
}
div.rss-popup .innerPopUpContent {
	background:transparent url(themes/meon/images/pageElements/background/meonRatingSystemBg.png) no-repeat scroll 0 0;
	display:none;
	height: 365px;
	padding:5px;
	position:absolute;
	right:50px;
	top:-125px;
	width:369px;
}
div.rss-popup p {
	background:#FFFFFF none repeat scroll 0 0;
	font-size:0.7em;
	margin-left:25px;
	margin-top:0;
	padding:4px;
	width:300px;
}
#rss-icon {
	display:block;
	height:30px;
	position:relative;
	right:20px;
	text-align:right;
	top:18px;
	width:115px;
}
.innerPopUpContent p.heading {
	background:transparent url(themes/meon/images/pageElements/graphics/meonRatingSystem.gif) no-repeat scroll 0 0;
	height:0;
	margin-top:25px;
	overflow:hidden;
	padding-top:24px;
	width:270px;
}

/*** Hidden Search Parameters in Booking Confirmation page for TeaLeaf UKSD # 4447
*************************************************************************************/
.searchFields {
	display:none!important;
}
/* reviews on search or browse results */
.reviewLink, .galleryLink {
	float: left;	
	clear: left;
	font-weight: normal;	
	background-repeat:no-repeat;
	padding: 3px 3px 3px 20px;
	background-image: url(../images/general/review_gallery_icons.gif);
	font-size: 0.9em !important;	
	/*min-width: 101px;*/	
}

.galleryLink {	
	background-position:0 2px;
	height:12px !important;
	margin-top:8px;
}

.reviewLink {	
	background-position:0 -16px;	
	margin-top:3px;
}

.blueAjaxLoader {
	background-image: url(../images/general/blueAjaxLoader.gif);
	width: 16px;
	height: 10px;
	float: right;
	margin-left:5px;
	margin-top:2px;
	display: none;
}
	
.reviewLink:hover, .galleryLink:hover {
	cursor: pointer;
	text-decoration: underline;
}
.dropDown {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	overflow: auto;
	float: left;
	display: none;	
	overflow-x: hidden;
	background-color:white;
	max-height: 300px;	
	*max-height: none;
	margin-top: 9px;	
}

.dropDown strong {
	color: #035A8F;
}

.dropDown .individualReviewsOdd {
	background-color: #F4F3EF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.dropDown .individualReviewsOdd,
.dropDown .individualReviewsEven {
	padding: 10px;
}
	
.dropDown p {
	margin-top: 8px;
	margin-bottom: 8px;
}
            
.dropDown div.popup {
	position: relative;	
}

/* customiz the gallerifc */
div#page {
	border: none;
	background-color: none;
}
	
#page #container {
	padding-top: 0px;
}

#page #container ul.thumbs img {
	width: 58px;
}

#page #container #thumbs {	
	float: left !important;
}

#page #container #gallery {
	width:310px;
	float: left	
}

#page #container .slideshow-container {
	float:right;
	height:101px;
	position:relative;
	width:185px;
}
	
/* for IE 7 */
span.image-wrapper {	
	height:99px;
	width:148px;
}
#page #container div.slideshow a.advance-link {
	text-align: left;
	height:0px;
	line-height:0px;
}

#page #container .controls {
	height:23px;
	left:-40px;
	margin-top:5px;
	position:relative;
	width:376px;
}
	
#page #container div.nav-controls {
	float:right;
	left:-26px;
	position:relative;
}

#page #container div.caption-container {	
	height:75px;
	left:70px;
	overflow:hidden;
	position:relative;	
	width:248px;
}

#page #container span.image-caption {
	width: 100%;
	text-align: center;
}
/* end of galleriffic css */

#hiddenIframe {
	width: 1px;
	height: 1px;
	border: none;
	visibility: hidden;
}