@charset "utf-8";
/* CSS Document - Valley View Crest Structure */

/* Reset all browser css styles */
textarea { width:90% ; margin-bottom:10px;}
select { margin-bottom:10px ;}
input {font-weight:normal;}
textarea { width:90% ; margin-bottom:10px;}
select { margin-bottom:10px ;}
input {font-weight:normal;}
html {
	font:11px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:18px;
	background-repeat: repeat-x;
	background-color:#fff ;
	
	}

	

body{}
a {text-decoration:none; color:#999;}
a:hover {color:#000;}
img {border: none;}
textarea { width:90% ; margin-bottom:10px;}
select { margin-bottom:10px ;}
input {font-weight:normal;}


/* workarea */
.mainCentral { 
	width:910px;
	margin:20px auto;
	height:100%;
}
/*Main container structure*/
		#topBlock {
			width:900px;
			height:115px;
			float:left;
			background:url(../mareta_beach_bin/center_top.jpg) no-repeat;
			}
		#centerBlock {
			width:900px;
			height:300px;
			float:left;
			margin-top:1px;

			}
		#navigationBlock {
			width:900px;
			height:54px;
			float:left;
			background:url(../mareta_beach_bin/center_nav.jpg) no-repeat;
			margin-top:1px;
			}
		#contentBlock {
			width:900px;
			height:auto;
			float:left;
			
		
			}
		#bottomBlock {
			width:900px;
			height:88px;
			float:left;
			background:url(../mareta_beach_bin/footer_bg.jpg) no-repeat top;
			}

/* #topBlock structure */
		#topBlock .hotellogo {
			width:460px;
			height:100px;
			float:left;
			background:url(../mareta_beach_bin/hotel_logo.png) no-repeat 150% 114%;
			}
					#topBlock .hotellogo a {
					width:400px;
					height:100px;
					display:block;
					text-indent:-9999px;
					}
		#topBlock .quicklinks {
			width:410px;
			height:115px;
			float:right;
			}
		#topBlock .quicklinks ul {
			text-align:right;
			margin-right:30px;
			margin-top:60px
			}
		#topBlock .quicklinks li {
			display:inline;
			color:#00b0c7;
			padding:0px 10px;
			
			font:10px Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			
			}
		#topBlock .quicklinks a {
			color:#00b0c7;
			}
		#topBlock .quicklinks a:hover {
			color:#333;
			
			}

/* #centerBlock structure */
		#centerBlock .flashContainer  {
			width: 650px;
			height: 300px;
			float:left;
			
			
		}
		#centerBlock .bookingGadget {
			width:250px;
			height:300px;
			float:right;
			text-align:left;
			background: url(../mareta_beach_bin/center_middle.jpg) no-repeat;
		}
		/*booking gadget customization*/
		
				#centerBlock .bookingGadget .gc_sh .gc_verticalSh .shortHandTitle  {font:bold 14px "Lucida Grande","Arial Narrow", Arial, Helvetica;color:#ffffff;
}
				#centerBlock .bookingGadget .gc_sh .gc_verticalSh .checkinLabel { color:#fff; font-family: Tahoma, Geneva, sans-serif; font-size:11px; font-weight:normal;}
				#centerBlock .bookingGadget .gc_sh .gc_verticalSh .shortHandNrNightsLabel {color:#fff; font-family: Tahoma, Geneva, sans-serif; font-size:11px; font-weight:normal;padding-bottom:5px;}
				#centerBlock .bookingGadget .gc_sh .gc_verticalSh {margin-left:48px; width:180px; padding:0; margin-top:115px;}
				#centerBlock .bookingGadget .gc_sh #shbgshortHandButton .shortHandCheckRates {
				display:block;
				background: url(../mareta_beach_bin/book-now.gif) no-repeat;
				width:128px;
				height:55px;
				font: bold 14px "Lucida Grande", "Arial Narrow", Verdana, Helvetica;
}
#centerBlock .bookingGadget .gc_sh .shortHandDate {
	margin-bottom:10px;
}
#centerBlock .bookingGadget .gc_sh .shortHandNrNights {
	padding-bottom:4px;
}
/* #navigationBlock	structure */
		#navigationBlock ul {
			width:900px;
			text-align:left;
			height:22px;
			margin:20px 0px;
			padding:0;
					}
		#navigationBlock li {
			display:inline;
			background:transparent;
			font:10px Verdana, Geneva, sans-serif;
			font-weight:normal;
			color:#777777;
			padding:0px 10px;
			text-transform:uppercase;
			background:url(../mareta_beach_bin/nav_sep.gif) no-repeat left;
		}
		#navigationBlock li a {
			color:#777777;
		}
		#navigationBlock li a:hover {
			color:#eeb700;


		}
		#navigationBlock li.active {
			color:#eeb700;
		}


/* #contentBlock structure */
		#fxBlock1 {
			width:900px;
			height:18px;
			background:url(../mareta_beach_bin/fx1.jpg) no-repeat top;
			clear:both;
		}
		#fxBlock2 {
			width:900px;
			height:10px;
			float:left;
		}
		#contentBlock .leftcolumn {
			width:650px;
			height:auto;
			float:left;
			}
				

		#contentBlock .content {
			width:540px;
			
			margin-top:20px;
			padding-right:50px;
			height:auto;
			float:left;
			border-right: 1px dotted #ccc;
			font:11px Tahoma, Geneva, sans-serif;
			color:#555;
			text-align:left;
			line-height:20px;
			}
					#contentBlock .content p {
						margin-bottom:10px;
						line-height:20px;
						}
					#contentBlock .content h1 {
						font:14px Georgia, "Times New Roman", Times, serif;
						font-weight:bold;
						color:#00b0c7;
						margin-bottom:0px;
						padding:2px 0px;
						text-transform:uppercase;
						}
					#contentBlock .content h2 {
						font:14px Tahoma, Geneva, sans-serif;
						font-weight:bold;
						color:#372f23;
						margin-bottom:10px;
						margin-top:20px;
						}
					#contentBlock .content h3,h4,h5,h6 {
						font:13px  Tahoma, Geneva, sans-serif;
						font-weight:normal;
						color:#000;
						margin-bottom:5px;
						margin-top:10px;
						}
					#contentBlock .content a {
						color:#07acd0;
						text-decoration:underline;
						}
						
					#contentBlock .content a:hover { text-decoration:none; color:#000;}
					#contentBlock .content ul, #contentBlock .content ol {
						margin-left:15px;
						margin-top: 15px;
						}
					#contentBlock .content ul li {
						font:11px  Tahoma, Geneva, sans-serif;
						color:#999999;
						list-style:square;
						margin:10px 0px;
						}
					#contentBlock .content ol li {
						font:11px  Tahoma, Geneva, sans-serif;
						color:#999999;
						list-style:decimal;
						margin:10px 0px;
						}
		#contentBlock .rightcolumn {
			width:220px;
			height:auto;
			float:right;
			margin-top:20px;
			margin-bottom:20px;
			padding-right:20px;
			position: relative;
			font:11px Tahoma, Geneva, sans-serif;
			line-height:20px;
			color:#999;
			}
			
					#contentBlock .rightcolumn p {
						font:11px Tahoma, Geneva, sans-serif;
						
						text-align:left;
						margin-bottom:5px;
						line-height:20px;
						}
					#contentBlock .rightcolumn h1 {
						font:12px Tahoma, Geneva, sans-serif;
						font-weight:bold;
						color:#eeb700;
						margin-bottom:0px;
						margin-top:9px;
						}
					#contentBlock .rightcolumn h2 {
						font:11px Tahoma, Geneva, sans-serif;
						font-weight:bold;
						color:#333;
						margin-bottom:3px;
						margin-top:9px;
						}
					#contentBlock .rightcolumn h3,h4,h5,h6 {
						font:11px Tahoma, Geneva, sans-serif;
						color:#000;
						margin-bottom:3px;
						margin-top:9px;
						}					
					#contentBlock .rightcolumn a {
						color:#07acd0;
						text-decoration:underline;
						font-size:11px;
						}
					#contentBlock .rightcolumn a:hover { text-decoration:none; color:#000;}

					#contentBlock .rightcolumn ul li {
						font:11px Arial, Helvetica, sans-serif;
						color:#999999;
						list-style:square;
						}
					#contentBlock .rightcolumn ol li {
						font:11px Arial, Helvetica, sans-serif;
						color:#999999;
						list-style:decimal;
						}
		#contentBlock .footerMenu {
			background:transparent url(../mareta_beach_bin/content_bg.jpg) no-repeat scroll center bottom;
			width:900px;
			padding:0px;
			float:left;
			height:100px;
			text-align:right;
			margin-top:25px;
			margin-bottom:0px;
			}
					#contentBlock .footerMenu ul {
						margin-top:50px;
						margin-right:10px;
						}
					#contentBlock .footerMenu li {
						display:inline;
						margin-left:10px;
						font:10px Verdana, Geneva, sans-serif;
						text-transform:uppercase;
						line-height:18px;
						}
					#contentblock .footerMenu li a {
						color:#999;
						
						}
					#contentblock .footerMenu li a:hover {
						color:#000;
						}
			
/* #bottomBlock structure */
		#bottomBlock .poweredby {
			width:135px;  /* had 270 on mareta view */
			height:40px;
			float:left;
			margin-left:100px;
			margin-top:20px;
			background: url(../mareta_beach_bin/powered-by.gif) no-repeat 60% 0%; 
			}
		#bottomBlock .poweredby a {
			width:135px;
			height:40px;
			text-indent:-9999px;
			display:block;
			
			
			}
		#bottomBlock .hoteladdress {
			width:650px;
			height:40px;
			margin-top:20px;
			margin-right:0px;
			float:right;
			font:10px Arial, Helvetica, sans-serif;
			font-weight:normal;
			color:#07acd0;
			text-align:right;
			text-transform:uppercase;
			
		}
		
		
/***************************************** GADGET CONFIG *******************************************/
	
/* Room type descriptions */

#contentBlock .content .roomContainer {
	width: 550px;
	height:auto;
	clear:both;
	padding:10px;
	margin-bottom:25px;
	
	
}
		#contentBlock .content .roomContainer .roomName {
			padding: 3px 0px;
			font: 16px Tahoma, Geneva, sans-serif;
			color: #00b0c7;
			margin:0px 0px 4px 0px;
			
}
		#contentBlock .content .roomContainer .roomName h2 {margin:0; padding-top:0px; font-size:13px; font-weight:bold;}
		#contentBlock .content .roomContainer .roomPhoto {
			width: 125px;
			float:left;
			padding:0px;
			margin-right: 15px;
}

		#contentBlock .content .roomContainer .roomPhoto .pgContainer .pgImage a
		{
			text-decoration: none;
		}
		
		
		#contentBlock .content .roomContainer .roomPhoto img {height:125px;width:125px;overflow:hidden; margin:0;padding:0; }
		#contentBlock .content .roomContainer .roomDescription { 
			float:left;
			margin: 10px 0px;	
			text-align:justify;
			width:74%;
}
		#contentBlock .content .roomContainer .roomDescription ul {
			margin: 0px 0px 0px 0px;
			padding: 0px;
}
		#contentBlock .content .roomContainer .roomDescription p {margin:0; padding:0;}
		#contentBlock .content .roomContainer .roomDescription li {
			font-size: 11px;
			margin-left: 30px;
			color: #666666;
			line-height: 18px;
			list-style:square;
}
		#contentBlock .content .roomContainer .roomDescription h2 { padding:0;margin:0;}

			#contentBlock .content .roomContainer .spacer {
			width: 100%;
			height: 10px;
			float: left;
			clear:both;
}
		#contentBlock .content .roomContainer .promotions-showTermsTrigger{}
		#contentBlock .content .roomContainer .promotions-bgLink { 
			font-weight:normal; 
			font-size:14px; 
			background:#eeb700; 
			padding:5px;
			border-top:1px solid #ffe89c;
			border-left:1px solid #ffe89c;
			border-bottom: 1px solid #cc9d00;
			border-right: 1px solid #cc9d00;
			color:#ffffff;
			text-decoration:none;
			
			}
		#contentBlock .content .roomContainer .promotions-closeTerms { 
			height:25px;
			background: url(../lacasa_hotel_bin/close_terms.gif) no-repeat left; 
			padding:0px 16px;
			color:#ccc;  
			text-decoration:none; 
		}
		#contentBlock .content .roomContainer .termsText {}
		#contentBlock .content .roomContainer .promotions-termsText {
			font:11px Tahoma, Geneva, sans-serif;
			color:#999; 
			padding:15px;
		}

/* meetingandevents */

#contentBlock .content #meetingandevents li {
	list-style:none;
	padding:0;
	margin:5px;
}

/* Picture Gallery container */

#contentBlock .content .pgContainer-old {text-align:center;width:158px;} 



/* Pormotions gadget */


.promotionsgadget {
	cursor:pointer;
	width:200px;
	padding:5px 0px 10px 5px;
	margin-bottom:20px;
	border-bottom:1px dotted #eeeeee;
	
}
.promotionsgadget a {
	cursor:pointer;
	text-decoration:none;
}
.promotionsgadget .prgTitle, .promotionsgadget .prgTitle a {
	cursor:pointer;
	float:left;
	font-weight:bold;
	color:#999999;
	width:130px;
	
}

.promotionsgadget .prgImage, .promotionsgadget .prgImage a {
	cursor:pointer;
	float:right;
	width:66px;
	height:66px;
}

.promotionsgadget .prgClick, .promotionsgadget .prgClick a {
	cursor:pointer;float:left;width:130px; margin-top:5px;color:#00a2ba;}

.promotionsgadget .prgDescription, .promotionsgadget .prgDescription a {
	cursor:pointer; height:35px;width: auto; margin-top:5px; clear:both;}


/* Weather gadget */

.mainCentral .weatherGadget { 
margin-bottom:10px;padding:0px ; 
	background:#ffffff; 
	border:1px solid #eeeeee; 
	width:100%
}
		.mainCentral .weatherGadget .wgImageNode { 
			margin-right:10px;
}
		.mainCentral .weatherGadget .wgTemperatureNode {
			float:left;
			font-size:13px; 
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#00B0C7;
}

/* Trip Advisor */

.mainCentral #TA_Container , .mainCentral .TA_rtable td{ border:0;}

/* Languages */

.languages { 
	width:300px;
	clear:both;
	height:auto;
	float:right;
}
.languages ul {text-align:right; margin:5px;}
.languages li {
	display: inline;
	font-size:12px;
	list-style:none;
	margin-left:15px;
	text-transform:uppercase;
}
.languages li a {text-decoration:none;}
.languages li a:hover {}

/* Picture Gallery */

.pgContainer {
	text-align:left;
	float:left;
	margin:0px 20px 20px 0px;
}
.pgContainer .pgImage {
}

.pgContainer .pgText {
	margin-top:15px;
}