@charset "utf-8";
/* CSS Document  */

/* Reset all browser css styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Start Layout */




textarea { width:90% ; margin-bottom:10px;}
select { margin-bottom:10px ;}
input {font-weight:normal;}
html {
	font:11px helvetica,arial,sans-serif;
	text-align:left;
	line-height:18px;
	background:#ffffff url(../beachside_motel_bin/main_bg.jpg) top repeat-x;
	
	}

	

body{}
a {text-decoration:none;}

img {border: none;}

/* workarea */
.mainCentral { 
	width:928px;
	margin:0px auto;
	height:auto;

}
/*Main container structure*/
		#topBlock {
			width:900px;
			height:136px;
			float:left;
			background: url(../beachside_motel_bin/top_bg.png) no-repeat 0px 0px;			}
		#centerBlock {
			width:906px;
			padding:10px;
			height:300px;
			float:left;
			margin-top:1px;
			background:transparent url(../beachside_motel_bin/central_bg.jpg) no-repeat scroll center top;
			
			}
		#navigationBlock {
			width:928px;
			height:53px;
			float:left;
			background:transparent url(../beachside_motel_bin/nav_bg.png) no-repeat scroll 0 0;
			margin-top:0px;
			/*border-bottom:1px solid #BCB59A;*/
			}
		#contentBlock {
			background:transparent url(../beachside_motel_bin/cont_bg.png) no-repeat scroll 0 0;
			width:928px;
			height:auto;
			float:left;
			
			}
		#bottomBlock {
			width:907px;
			padding:10px;
			clear:both;
			background:#524c41 url(../beachside_motel_bin/poweredby_bg.png) bottom repeat-x;
			margin-bottom:50px;
			height:12px;
			}

/* #topBlock structure */
		#topBlock .hotellogo {
			width:420px;
			height:115px;
			float:left;
			}
					#topBlock .hotellogo a {
					width:300px;
					height:80px;
					display:block;
					text-indent:-9999px;
					}
		#topBlock .quicklinks {
			width:460px;
			
			float:right;
			}
		#topBlock .quicklinks ul {
			text-align:right;
			padding-top:30px;
			}
		#topBlock .quicklinks li {
			display:inline;
			margin-top:8px;
			float:right;
			}
		#topBlock .quicklinks a {
			-x-system-font:none;
			background:#80b8de none repeat scroll 0 0;
			color:#FFFFFF;
			font-family:helvetica,arial,sans-serif;
			font-size:14px;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:normal;
			padding:5px 15px;
			text-transform:none;

			}
		#topBlock .quicklinks a:hover {
			color:#ffffff;
			text-decoration:underline;
			}

/* #centerBlock structure */
		#centerBlock .flashContainer  {
			width: 650px;
			height: 300px;
			float:left;
			margin-left:12px;
		}
		#centerBlock .bookingGadget {
			width:218px;
			height:300px;
			float:left;
			/*background: url(../beachside_motel_bin/bookingG_bg.jpg) no-repeat;*/
		}
		/*booking gadget customization*/
		




/* #navigationBlock	structure */
		#navigationBlock ul {
			width:800px;
			padding-left:20px;
			text-align:left;
			padding-top:1px;
}
		#navigationBlock li {
			display:inline;
			font-family: helvetica,arial,sans-serif;
			font-weight:normal;
			font-size:12px;	
			color:#524c41;
			border-bottom:1px solid #BCB59A;
			text-transform:none;
		}
		#navigationBlock li a {
			color:#ffffff;
			padding:20px 10px;
			border-left:1px solid transparent;
			border-right:1px solid transparent;
			float:left;
			}
		#navigationBlock li a:hover {
			color:#0a384e;
			text-decoration:underline;

		}
		#navigationBlock li.active {

		}
		#navigationBlock li.active a {
			color:#0085A6;
			background:#ffffff;
			border-right:1px solid #014F62;
			border-left:1px solid #014F62;
			padding:20px 10px;
			text-decoration:none;

		}
/* #contentBlock structure */
		#fxBlock1 {
			width:928px;
			height:10px;
			background:transparent url(../beachside_motel_bin/nav2_bg.png) no-repeat scroll 0 0;
			float:left;
		}
		#fxBlock2 {
			width:900px;
			height:10px;
			float:left;
		}
		#contentBlock .leftcolumn {
			width:640px;
			height:auto;
			float:left;
			}
				

		#contentBlock .content {
			width:560px;
			margin-left:45px;
			margin-top:50px;
			padding-right:30px;
			height:auto;
			float:left;
			border-right: 1px solid #b3d7e0;
			font:12px helvetica,arial,sans-serif;
			color:#57686c;
			text-align:left;
			}
					#contentBlock .content p {
						margin-bottom:10px;
						line-height:20px;
						color:#57686c;
						
						}
					#contentBlock .content h1 {
						font:20px helvetica,arial,sans-serif;
						font-weight:normal;
						color:#0085a6;
						margin-bottom:0px;
						padding:2px 0px;
						
						}
					#contentBlock .content h2 {
						font:20px helvetica,arial,sans-serif;
						font-weight:normal;
						color:#0085a6;
						margin-bottom:10px;
						margin-top:20px;
						
						}
					#contentBlock .content h3,h4,h5,h6 {
						font:14px helvetica,arial,sans-serif;
						font-weight:bold;
						color:#7a8b94;
						margin-bottom:5px;
						margin-top:10px;
						
						}
					#contentBlock .content a {
						color:#7b1829;
						text-decoration:underline;
						}
					#contentBlock .content ul {
						margin-left:15px;
						margin-top: 15px;
						}
					#contentBlock .content li {
						color:#516D7B;
						list-style:square;
						margin:10px 5px;
						}

		#contentBlock .rightcolumn {
			width:230px;
			height:auto;
			float:right;
			margin-top:50px;
			margin-bottom:20px;
			padding-right:40px;
			position: relative;
			font-size:11px;
			}
			
					#contentBlock .rightcolumn p {
						font:12px helvetica,arial,sans-serif;
						color:#516D7B;
						text-align:left;
						margin-bottom:5px;
						line-height:20px;
						}
					#contentBlock .rightcolumn h1 {
						font:12px helvetica,arial,sans-serif;
						font-weight:bold;
						color:#ffffff;
						margin-bottom:0px;
						margin-top:9px;
						}
					#contentBlock .rightcolumn h2 {
						font:12px helvetica,arial,sans-serif;
						font-weight:bold;
						color:#57686c;
						margin-bottom:3px;
						margin-top:9px;
						}
					#contentBlock .rightcolumn h3,h4,h5,h6 {
						font:12px helvetica,arial,sans-serif;
						color:#516D7B;
						margin-bottom:3px;
						margin-top:9px;
						}					
					#contentBlock .rightcolumn a {
						color:#57686c;
						text-decoration:underline;
						font-size:11px;
						}
					#contentBlock .rightcolumn ul {
						}
					#contentBlock .rightcolumn li {
						font:11px helvetica,arial,sans-serif;
						color:#999999;
						list-style:square;
						}

		#contentBlock .footerMenu {
			width:928px;
			padding:0px;
			float:left;
			height:69px;
			text-align:center;
			margin-top:95px;
			
			background: transparent url(../beachside_motel_bin/footer_bg.png) repeat-x scroll center top
			
			}
					#contentBlock .footerMenu ul {
						margin-top:25px;
						
						}
					#contentBlock .footerMenu li {
						display:inline;
						padding:0px 6px;
						font:10px helvetica,arial,sans-serif;
						text-transform:none;
						
						}
					#contentBlock .footerMenu a {
						color:#b2e2ee;
						line-height:18px;
						}
					#contentBlock .footerMenu li a:hover {
						color:#005165;
						text-decoration: underline;
						}
			
/* #bottomBlock structure */
		#bottomBlock .poweredby {
			width:270px;
			float:left;
			background: url(../beachside_motel_bin/poweredby.gif) no-repeat;
			}
		#bottomBlock .poweredby a {
			width:200px;
			height:14px;
			text-indent:-9999px;
			display:block;
			
			
			}
		#bottomBlock .hoteladdress {
			width:600px;
			float:right;
			font:11px helvetica,arial,sans-serif;
			font-weight:normal;
			color:#f0efe4;
			text-align:right;
			
		}
		
		
/***************************************** GADGET CONFIG *******************************************/
	
/* Room type descriptions */

#contentBlock .content .roomContainer {
	width: 550px;
	height:auto;
	float:left;
	clear:both;
	padding:10px;
	border-bottom:1px dotted #B3D7E0;
	margin-top:10px;
	
	
}
		#contentBlock .content .roomContainer .roomName {
			padding: 3px 0px;
			font: 13px helvetica,arial,sans-serif;
			color: #372f23;
			margin:0px 0px 4px 0px;
			
}
		#contentBlock .content .roomContainer .roomName h2 {margin:0; padding-top:0px; font-size:16px; font-weight:bold;}
		#contentBlock .content .roomContainer .roomPhoto {
			float: left;
			width: auto;
			height: auto;
			float:left;
			padding:0px;
}
		#contentBlock .content .roomContainer .roomPhoto img {height:125px;width:125px;overflow:hidden; margin:0;padding:0;}
		#contentBlock .content .roomContainer .roomDescription { 
			float:left;
			margin:15px 15px 40px 0px;
			text-align:left;
			width:65%;
}
		#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: 14px;
			margin-left: 30px;
			color: #516d7b;
			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:bold; 
			font-size:14px; 
			background:#84AD20 none repeat scroll 0 0;
			padding:5px;
			border-color:#FFFFFF #3F5900 #3F5900 #FFFFFF;
			border-style:solid;
			border-width:1px;
			color:#333;
			text-decoration:none;
			
			}
		
		#contentBlock .content .roomContainer .promotions-closeTerms { 
			height:25px;
			background: url(../beachside_motel_bin/close_terms.gif) no-repeat left; 
			padding:0px 16px;
			color:#ccc;  
			text-decoration:none; 
		}
		#contentBlock .content .roomContainer .promotions-termsText {
			font:12px helvetica,arial,sans-serif;
			color:#999; 
			padding:15px;
		}
		
/* meetingandevents */

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

/* Picture Gallery container */

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

.languages { 
	width:300px;
	height:30px;
	float:right;
	margin-top:25px;
}
.languages ul {text-align:right; margin:5px;}
.languages li {
	display: inline;
	font: 10px helvetica,arial,sans-serif;
	list-style:none;
	margin-left:15px;
}
.languages li a {text-decoration:none; color:#9bc6e5; text-transform:uppercase;}
.languages li a:hover {color:#fff; }


/* Pormotions gadget */


.promotionsgadget {
	cursor:pointer;
	width:240px;
	margin-left:-5px;
	padding:6px 0px;
	padding-bottom:20px;
	clear:both;
	background:transparent url(../beachside_motel_bin/promo_holder.png) no-repeat scroll left bottom;
	
}
.promotionsgadget{
	cursor:pointer;
	text-decoration:none;
}
.promotionsgadget .prgTitle, .promotionsgadget .prgTitle a
{
	cursor:pointer;
	float:left;
	color:#0085a6;
	width:135px;
	font:13px helvetica,arial,sans-serif;
	font-weight:bold;
	margin-left: 10px;

	
}

.promotionsgadget .prgImage, .promotionsgadget .prgImage a 

{
	cursor:pointer;
	float:right;
	width:70px;
	height:70px;
	border:none;
}

.promotionsgadget .prgClick, .promotionsgadget .prgClick a
{
	cursor:pointer;
	float:left;
	width:135px;
	color:#ffffff;
	margin-top:5px;
	margin-left: 10px;
}

 .prgDescription, .promotionsgadget .prgDescription a {
	cursor:pointer; 
	height:35px; 
	margin:0px 10px;
	width: 200px; 
	padding-top:10px; 
	padding-bottom:20px;
	clear:both; 
	color:#37272E;}


/* Weather gadget */

.mainCentral .weatherGadget { 
	margin-bottom:10px;padding:0px ; 
	border:1px solid #57686c; 
	width:228px;
}
		.mainCentral .weatherGadget .wgImageNode { 
			margin-right:10px;
}
		.mainCentral .weatherGadget .wgTemperatureNode {
			float:left;
			font-size:16px; 
			font-weight:normal;
			font:16px helvetica,arial,sans-serif;
			color:#57686c;
}

/* Trip Advisor */

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

/* Contact forms */

.content textarea { 
	width:90% ; 
	margin-bottom:10px; 
	border:1px solid #0085A6 ; 
	padding:5px 0px;
	font-size:14px;
	color:#666666;
	background:#e3edf2;
}
.content select { 
	margin-bottom:2px ; 
	border:1px solid #0085A6 ;
	padding:5px 0px;
	font-size:14px;
	color:#666666;
	background:#e3edf2;
}
.content input {
	font-weight:normal; 
	border:1px solid #0085A6;
	padding:5px 0px;
	font-size:14px;
	margin-bottom:5px;
	color:#666666;
	background:#e3edf2;
}

/* Picture Gallery */

.pgContainer {
	width:150px;
	text-align:left;
	margin-top:20px;
	margin-right:20px;
	float: left;
	height:100px;
}
.pgContainer .pgImage {
	width:150px;
	height:150px;
	
}

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

				#centerBlock .bookingGadget .gc_sh .gc_verticalSh {margin-left:30px; width:170px; margin-top:20px; padding:0;}		
				#centerBlock .bookingGadget .gc_sh .gc_verticalSh .shortHandTitle  {
				font-family:helvetica,arial,sans-serif;
				color:#0085a6;
				font-size:32px;
				letter-spacing:-2px;
				line-height:1em;
				margin-bottom:10px;
				font-style:italic;
				}
				#centerBlock .bookingGadget .gc_sh .gc_verticalSh .checkinLabel { color:#0085a6; font-family: helvetica,arial,sans-serif; font-size:13px;}
				#centerBlock .bookingGadget .gc_sh .gc_verticalSh .shortHandNrNightsLabel {color:#0085a6; font-family: helvetica,arial,sans-serif; font-size:13px;}
				
				/*Checkin field*/
				#centerBlock .bookingGadget .gc_sh .startDay {
					width:95px;
					height:20px;
					padding-top:4px;
					background: #FFFFFF;
					border-color:#0085a6;
					font-size:14px;
					font-family: helvetica,arial,sans-serif;
					color:#0085a6;
				}
				/*Nights field*/
				#centerBlock .bookingGadget .gc_sh .yui-menu-button button {
					width:60px;
					height:24px;
					padding-bottom:4px;
					background:#ffffff url(../beachside_motel_bin/bg_dropdown.gif) no-repeat scroll 90% 50%;
					border-color:#0085a6;
					font-size:14px;
					font-family: helvetica,arial,sans-serif;
					color:#0085a6;
				}
				/*Calendar icon*/
				#centerBlock .bookingGadget .gc_sh .shortHandCalendarIcon {
					width:20px;
					height:25px;
					background:url(../beachside_motel_bin/bg_calendar.gif) no-repeat;
				}
				#centerBlock .bookingGadget .gc_sh .shortHandNrNights {
				padding-bottom:10px;
				}
				
				/*Booknow*/
				#centerBlock .bookingGadget .gc_sh .shortHandCheckRates {
					width:128px;
					border:0px;
					background:url(../beachside_motel_bin/book_now.png) no-repeat;
					height:55px;
					font: 14px helvetica,arial,sans-serif;
					font-weight:bold;
					color:#ffffff;
					text-align:center;
					padding-left:0px;
					margin-left:-5px;
				}


/* Client feature request : Call Now button */

#callNow, #shareThis
{
	text-align:left;
	margin:auto;
	padding:10px 0px;
	clear:both;
 }