/*------------------------------------------------------------------------------
 * Default screen CSS
 *----------------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/main_bg.jpg);
	background-repeat:repeat-x;
	background-color:#88D9EC;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	color:#3A4E6D;
	padding:20px 0 10px 0;
	font-size:1.4em;
	margin:0 20px 0 20px;
	font-weight:bold;
}

h2 {
	color:#333;
	padding:0 0 10px 0;
	font-size:1.1em;
	margin:0 20px 0 20px;
	font-weight:bold;
}

h3 {
	color:#3A4E6D;
	padding:0 0 10px 0;
	font-size:0.9em;
	margin:0 20px 0 20px;
	font-weight:bold;
}

h4 {
	margin:0 0 10px 0;
	padding:0;
	color:#333;
	font-size:0.8em;
}

/*a {
	text-decoration:underline;
	color:#FF3300;
}

a:hover {
	text-decoration:underline;
	color:#FF6600;
}*/

p {
	margin:0 0 15px 0;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}

form {
	margin:0;
	padding:0;
}

ul {
	font-size:0.9em;
	color:#333333;
}

li {
	
}
ol, ul { list-style:none; }

/*------------------------------------------------------------------------------
* Header
*----------------------------------------------------------------------------*/

#header {
	width:1000px;
	margin:0 auto 0 auto;
	padding:0;
}

/*------------------------------------------------------------------------------
* Middle
*----------------------------------------------------------------------------*/


#bookingLoad {
	position: absolute;
	z-index: 45;
	margin-left: 670px;
	margin-top: -200px;
	width: 320px;
	height: 360px;
	overflow: hidden;
}

#menu {
	width:1000px;
	min-height:59px;
	height:auto !important;
	height:59px;
	padding:0;
	margin:0 auto 0 auto;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:repeat-x;
}

#menu .navbar {
	background-image:url(../images/nav_bar.jpg);
	background-repeat:no-repeat;
	width:30px;
	height:59px;
}

#mainimage {
	width:1000px;
	min-height:292px;
	height:auto !important;
	height:292px;
	padding:0;
	margin:0 auto 0 auto;
}


#content {
	width:1000px;
	padding:0;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
	height:auto !important;
/*	min-height:320px;	
	height:320px;*/
}

#content #text {
	float:right;
	width:630px;
	margin:20px 0 0 0;
	padding:0 40px 0 0;
/*	height:275px;
*/	overflow:auto;
}

#content #text h2 {
	margin:0 0 18px 0;
	padding:0;
	color:#126070;
	font-size:1.3em;
}

#content #text p {
	margin:0;
	padding:0 0 15px 0;
	color:#333333;
}

#content #gallery {
	
	margin:0 20px 20px 0;
	padding:20px 0 0 40px;
}

#content #gallery p {
	font-size:0.7em;
}

#content #gallery .image {
	margin:0;
	padding:0;
}

#content #gallery table {
	margin:0;
	padding:0;
}

#content #gallery td {
	margin:0;
	padding:0 3px 3px 0;
}

#content .image {
	float:right;
	margin:0;
	padding:0 0 0 50px;
}

#content #text #prices {
	float:right;
	margin:0;
	padding:10px;
	width:250px;
	border:1px solid #CCC;
	background-color:#EEE;
}

#content #text #prices p {
	color:#126070;
}

#content #text table {
	margin:0 0 15px 0;
	padding:0;
	font-size:0.8em;
	color:#333333;
	width:250px;
}

#content #text td {
	margin:0;
	padding:0;
	background-color:#CCC;
	border-bottom:1px solid white;
}
#content1 {
	width:1000px;
	height:auto;
	margin:0 auto;
	background:#FFFFFF;
	}
#content1 #text {
	float:right;
	width:630px;
	margin:20px 0 0 0;
	padding:0 40px 0 0;
	
	height:275px;
	overflow:auto;
}

#content1 #text h2 {
	margin:0 0 18px 0;
	padding:0;
	color:#126070;
	font-size:1.3em;
}

#content1 #text p {
	margin:0;
	padding:0 0 15px 0;
	color:#333333;
}

#content1 #gallery {
	
	margin:0 20px 20px 0;
	padding:20px 0 0 40px;
	width:250px;
	float:left;
}

#content1 #gallery p {
	font-size:0.7em;
}

#content1 #gallery .image {
	margin:0;
	padding:0;
}

#content1 #gallery table {
	margin:0;
	padding:0;
}

#content1 #gallery td {
	margin:0;
	padding:0 3px 3px 0;
}

#content1 .image {
	float:right;
	margin:0;
	padding:0 0 0 50px;
}

#content1 #text #prices {
	float:right;
	margin:0;
	padding:10px;
	width:250px;
	border:1px solid #CCC;
	background-color:#EEE;
}

#content1 #text #prices p {
	color:#126070;
}


/*************** Styles for the new booking calendar by soujanya ******************/
html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	
}

th{
	width:36px;
	background-color:#cccccc;
	text-align:center;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding:0px;
	height:17px;
	line-height:17px;
}

td{
	/*padding:10px;*/
	
	height:40px;
	width:250px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
}


.onepxtable {
border-top:1px groove #CCCCCC;
border-left:1px groove #CCCCCC;
border-right:1px groove #CCCCCC;
border-bottom:1px groove #CCCCCC;
}
a.redlink {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0033CC;
font-size:13px;
text-decoration:none;
font-weight:bold;
}
a.redlink:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0033CC;
font-size:13px;
text-decoration:underline;
font-weight:bold;
}


* {margin:0; padding:0}
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background-color:#1d6a7a; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}

.title {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#126071;
font-weight:bold;
text-decoration:none;
}
a.cal_link,
a.cal_link:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
} 

a.cal_link:hover,
a.cal_link:focus {
	color: #FFFFFF;
	text-decoration: underline;
	
}
a.cal_link:active {
text-decoration: underline;
}

td a.exampleTip:active {
	color: #000000;
	background-color:#006600;
	width:250px;
}

a.exampleTip:hover{
	text-decoration: underline;
}

a.blacklink {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
}
a.blacklink:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:underline;
font-weight:bold;
}
.blacktext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
font-weight:normal;
text-decoration:none;
}
.bgimg {
background:url(../images/cal-2.png) no-repeat top left;
width:302px;
height:444px;
padding:0px;
float:left;
margin:0px;
padding:10px;
}
#blanket {
background-color:transparent;
opacity: 0;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#126071;
width:250px;
height:170px;
z-index: 9002;
}
.innertext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:27px;
text-align:left;
text-decoration:none;
color:#000000;
}
.heading {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-align:left;
text-decoration:none;
color:#126071;
font-weight:bold;
}
.text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
color:#333333;
}
.label_text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
color:#FFFFFF;
padding-left:10px;
font-weight:bold;
}
.newtext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
color:#333333;
padding-left:5px;
text-align:left;
padding-left:50px;
}
.newtext1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
color:#333333;
padding-left:5px;
text-align:left;
width:100px;
}
.whitetext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
color:#FFFFFF;

}
.heading-bg{
background:url(../images/bg.jpg) repeat-x top left;
width:auto;
height:auto;
padding:5px;
text-align:left;
}
.img_class {
margin-top:20px;

}
a.CloseBtn {
	display:block;
	height:24px;
	width:24px;
	background:url(../images/closeBtn.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-15px;
	margin:1px;
	padding:1px;
}
.book_div{
float:left;
margin-top:20px;
}
ul.tab-nav {
	margin-top: 10px;
	padding-top: 10px;
	padding-left:0;
}
ul.tab-nav li{display:inline;margin:0;font-weight:bold;font-size:15px;padding:0;}
ul.tab-nav li a {border:1px solid #ccc;padding:4px 5px;background-color:#fff}
* html ul.tab-nav li a {padding:3px 5px} /*ie6 only*/
ul.tab-nav li a:hover{background-color:#ddd}
ul.tab-nav li.tab-active {background-color:#F0F8EB;padding:4px 5px;border:1px solid #ccc;border-bottom:1px solid #F0F8EB;}
* html ul.tab-nav li.tab-active{margin-right:5px} /*ie6 only*/
*+ html ul.tab-nav li.tab-active{margin-right:5px} /*ie 7 only*/


/* reservation form */
#reservation-form iframe {
	border:1px inset #CCC;
	background:#fff;
	font-size:11px;
	margin:5px 0;
	overflow:auto;
	padding:5px;
	height: 150px;
	font-family: "Trebuchet MS", Tahoma, Arial;
}
#reservation-form{border:1px solid #ccc;padding:20px 50px;background:#cccccc;margin-top:3px;display:block}
#reservation-form legend{font-size:16px;font-weight:bold;color:#199CE3;margin-top:-25px;border-bottom:1px solid #bbb;padding-bottom:3px;position:relative;float:left}		#reservation-form fieldset {border:none;margin-top:15px}
#reservation-form button {margin-top: 20px;}
#reservation-form #EnquiryButton {margin-left: 50px; margin-top: 20px;}
#reservation-form .terms p {margin: 0;}
.personal-details label{display:block;float:left;width:270px;height:35px;margin:0px 0;padding:0}
.personal-details input, .personal-details select {float:left;width:250px;padding:2px 0 0 2px;}
.personal-details .spacing{padding-left:43px}
* html .personal-details .spacing{padding-left:38px} /* ie6 only */
* html .personal-details input{width:248px}

.proposed-stay #Nights {margin-right:280px}
.proposed-stay #AvailabilityNote {display:none; font-weight: bold; width:100%; padding: 5px 0; background: #FFFFBB none repeat scroll 0 0;}
#reservation-enquiry #SubmitNote {display:none; font-weight: bold; padding: 0}
#reservation-enquiry #SubmitNote .info span .errorList {padding-left: 25px;}
.proposed-stay #MonthIn {margin-right:240px;margin-left:5px;}
.proposed-stay #DayIn {width:50px;}
.proposed-stay #EstChildren {margin-right:160px;margin-left:5px}
.proposed-stay label{display:block;float:left;margin:5px 5px;text-align:right;width:110px;padding-top:4px;clear:left}
.proposed-stay select{float:left;margin:5px 0;width:130px;padding-top:1px;}
.proposed-stay input{float:left;margin:5px 0;width:100px;padding-top:1px;}
.message label{margin:5px 0;display:block}
.message textarea{width:543px;height:150px;padding:2px}
.terms input{margin:5px 5px 0 0!important;padding:5px}
#reservation-form fieldset.captcha{margin-bottom:0}
.captcha label{margin:5px 0;display:block}
.captcha img{float:left;margin-right:10px}
.captcha input{float:left;height:18px;padding:2px 0 0 2px}

#reservation-enquiry .BookingSection {
	border-bottom: 1px solid #ccc;
	color: #199CE3;
	font-size: 15px;
	font-weight: bold;
}
.booked_class {
background-color:#993300;
color:#ffffff;
text-decoration:none;
font-weight:bold;
padding-left:-10px;
}
.avail_class {
background-color:#4BA4B0;
color:#ffffff;
text-decoration:none;
font-weight:bold;
padding-left:-10px;
}
/*************** End of styles for the new booking calendar by soujanya ************/



/*------------------------------------------------------------------------------
* Footer
*----------------------------------------------------------------------------*/

#footer {
	width:900px;
	margin:10px auto 10px auto;
	padding:0;
	text-align:center;
}

#footer p {
	font-size:0.7em;
	color:#FFFFFF;
}

div.c108 {
	font-size: 10px;
	margin: 20px 0 0 0;

	color: #565656;
}