
/* CSS Document */


/* the appropriate background class will be applied based on class attached to the body */

body {
margin: 0;
padding: 0;
font:71% Arial ,Verdana, Helvetica, sans-serif;
background: #bfcbe8;
color: #333;
}



.clear {

clear: both;
}




/* main wrapper that holds it all centrally */

#wrapper {
width:760px;
margin:0 auto;
background: #ffffff  url(../images/wrapper_bg.gif) repeat-y;
padding:  0;

}







/* now the three main columns, named in order of importance and display when styles switched off */

#primaryContent {
float:left;
width:760px;
display:inline;
margin:  0;
padding: 0;

}

#primaryContent p{
margin: 10px 15px 0 15px;
padding: 0;
line-height: 1.4em;
}

#primaryContent h1{
margin: 15px 15px 0 15px;
padding: 0;
font-size: 1.8em;
color: #243b7f;


}


#primaryContent h3{
margin: 10px 15px 0 15px;
padding: 0;
font-size: 1.5em;
color: #243b7f;
}

#primaryContent h3 a{
color: #243b7f;
text-decoration: none;
}

#primaryContent h3 a:hover{
color: #243b7f;
text-decoration: underline;
}


#primaryContent h5{
margin: 5px 15px 0 15px;
padding: 0;
font-size: 1.1em;
color: #243b7f;
font-weight:normal;
text-align: right;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
width: 520px;
vertical-align:middle;
}


#primaryContent table{
margin:  0;
padding: 0;
}



#primaryContent ol{
margin: 10px 25px 0 0;
padding: 0 0 0 40px;

}

#primaryContent ul{
margin: 30px 10px 0 15px;
padding: 0;
float: left;
clear: none;
color: #243b7f;
font-size: 1em;
}

#primaryContent li{
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.8em;
list-style-type:none;
}

#price {
text-align: center;
float: left;
margin: 5px 5px 10px 15px;
padding: 0;
width: 330px;
}


#price table{
	
	
	
	
	
}

#price tr{
	
}

#price td{
	margin: 0;
	padding: 2px;
	font-size: 1.1em;
}

#price th{
	
	padding: 2px;
	font-size: 1.1em;
}

#price td.header{

}



/* price 2 - smaller tables */

#price2 table{
	
	
	
	
}

#price2 tr{
	
}

#price2 td{
	width: 20px ;
	padding: 4px;
	font-size: 1em;
}

#price2 th{
	
	padding: 4px;
	font-size: 1em;
}

#price2 td.header{


}

#price2 td.colheader{
	font-weight: bold;
	font-size: 1.2em;
}


#price2 tr{
	background-color: #f2f5fa;
}


#price2 tr.other{
	background-color: #d2daef;
}

#price2 tr:hover{
	background-color: #f39f2f;
	color: #ffffff;
	font-weight: bold;
	font-size: 1em;
}

#price2 tr.colheader:hover{
	background-color: #ffffff;
	font-size: 1.0em;
	color: #4C4328;
}







/* property pages */

#propertyContent {
float:left;
width:550px;
display:inline;
margin:  0;
padding: 0;
position:relative;

}

#propertyContent p{
margin: 10px 15px 0 10px;
padding: 0;
float:left;
width:295px;
text-align:justify;
}

#propertyContent h1{
margin:  10px 0 0 0;
padding: 0;
font-size: 1.6em;
color: #243b7f;
font-weight:normal;
float:left;

border-left: 10px solid white;


}
#propertyContent h2{
margin:  0  !important;
padding: 0;
font-size: 1.1em;
color: #243b7f;
font-weight:bold;

width: 350px;
border-top: 5px solid white;
border-left: 10px solid white;

}
#propertyContent h3{
margin: 10px 7px 0 0;
padding: 0;
font-size: 1.2em;
color: #243b7f;
font-weight:normal;
float:right;
}


#propertyContent ul{
margin: 10px 10px 0 0 !important;
padding: 0;
float: left;
clear: none;
color: #243b7f;


}

#propertyContent li{
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.8em;
list-style-type:none;

}



#propertyContent dl {
margin: 10px 15px 0 10px;
padding: 0;
float: left;
width: 135px;
color: #243b7f;

}

#propertyContent dt{
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.8em;
list-style-type:none;
width: 80px;
clear: left;
float: left;


}

#propertyContent dd{
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.8em;
list-style-type:none;
width: 47px;
float: left;

}


#propertyContent form{
float:right;
margin: 10px 5px 0 10px;
padding:0;

}

#property_calendar {
float:left;
clear:left;
display:inline;
margin:  0;
padding: 0;


}

#property_calendar p{
margin: 0;
padding: 0;
border-left: 10px solid white;
width:220px;
float:left;

}

#property_calendar h1{
margin: 10px 0 10px 0;
padding: 0;
font-size: 1.5em;
color: #243b7f;
font-weight:normal;
width:348px;
border-left: solid #fff 10px;

}

#property_calendar img{
padding: 0;
margin: 0;
float: left;
clear: none;

}


#property_calendar li{
	margin: 0 0 10px 10px;
	padding: 0 0 0 20px;
	text-decoration: none;
	list-style-type:none;
	
}

#property_calendar ul{
margin: 5px 0 0 5px;
padding: 0;
float: left;
color: #243b7f;

}
.Formbutton_property_calendar{

margin: 8px 0 0 0;
padding: 0;
color: #243b7f;
height: 22px !important;
font-size:0.9em;
float: right;
}

.Formbutton_property_calendar_top {
	color:#243B7F;
	float:right;
	font-size:0.9em;
	height:22px !important;
	margin:8px 0 0;
	padding:0;
	position:absolute;
	top:25px;	
	left:470px;
	*left:470px;
	width:70px;	
}

#propertySearchContent {
	float:left;
	width:540px;
	margin:  0 0 0 0;
	padding: 0;
	

}

#propertySearchContent h1{
margin: 10px 0 0 0;
padding: 0;
font-size: 1.7em;
color: #243b7f;
width:250px;
float: left;
border-left: solid 10px #fff;

}


#propertySearchContent p{
margin: 10px 0 10px 5px;
padding: 0;
width:520px;
float: left;

}


#propertySearchContent h2{
margin: 0 0 0 10px;
padding: 0 0 10px 0;
font-size: 1.1em;
color: #243b7f;
font-weight:normal;
float:left;

}


#propertySearchContent h3{
margin: 0 15px 0 0;
padding: 0;
font-size: 1.1em;
color: #243b7f;
font-weight:normal;
text-align: right;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
border-left: solid white 10px;
width: 513px;

float: left;
clear: none;
}



#propertySearchContent form{
	float:left;
	clear:left;
	color:#FFFFFF;
	padding-bottom: 4px;	
}

#propertySearchContent select{

margin: 0 8px 4px 0;
padding: 0;
font-size: 0.9em;
color: #243b7f;
}


#property_panel {
	float:left;
	clear:left;
	display:inline;
	margin:  0 10px 10px 10px;
	padding: 0 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width:515px;
}

#property_panel p{
margin: 10 0 0 0;
padding: 0;
clear: none !important;
float:left !important;
text-align:justify;
width: 360px
}

#property_panel h1{
margin: 10px 0 0 0;
padding: 0;
font-size: 1.5em;
color: #243b7f;
width:300px !important;
border: none !important;

}


#property_panel h6{
margin: 10px 0 0 15px;
padding: 0;
font-size: 1.1em;
color: #243b7f;
font-weight: normal;
text-align: right;
width: 200px;
float: right;

}


.property_panel_img{
padding: 0;
float:left;
clear:left;
margin: 10px 10px 0 0;

}


#property_panel dl {
margin: 0 5px 0 5px;
padding: 0;
float: left;
width: 130px;
color: #243b7f;
clear: none;

}

#property_panel dt{
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.8em;
list-style-type:none;
width: 80px;
clear: left;
float: left;
}

#property_panel dd{
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.8em;
list-style-type:none;
width: 47px;
float: left;

}

#property_panel form{
	
	
	font-size:0.9em;
	clear: none;
	width: 80px !important;
	margin: 10px 0 5px 4px;
	padding: 0;
} 








.Formbutton_property_panel {
	margin: 0 0 0 0!important;
	padding: 0!important;
	color: #243b7f;
	height: 22px !important;
	font-size:0.9em;
	width:70px;
	
}


.Formbutton_property_panel2 {
	margin: 0 0 0 0!important;
	padding: 0!important;
	color: #243b7f;
	height: 22px !important;
	font-size:0.9em;
	width:70px;
}

.Formbutton_property_panel3 {
	margin: 0 0 0 0!important;
	padding: 0!important;
	color: #243b7f;
	height: 22px !important;
	font-size:0.9em;
	width:110px;
}




.Form_property_panel2 {
	margin:  15px 0 0 42px;
	padding: 0;
	float: right;
	clear: none;
	width: 210px;
	

}







#form_prop_panel3 {
margin:   10px 0 0 0 !important;
	padding: 0!important;
	text-align: right !important;
	float: right!important;
	height: 22px !important;
}





/* note here that specifying threeColLayout in the body will activate the following div instead of the default primaryContent */

#threeColLayout #primaryContent {
float:left;
width:358px;
margin: 0 0 20px 201px;

}

/* note here that specifying twoColLayout in the body will activate the following div instead of the default primaryContent */

#twoColLayout #primaryContent {
width:558px;
float:left;
margin: 0 0 20px 202px;

}

/* just incase twoColLayout is specified in body, and secondaryContent is left in, we turn it off - not ideal, but it works */

#twoColLayout #rightContent {
display: none;
}

#rightContent{
float:left;
width:200px;
margin: 0 0 20px 0;
border-left: solid 1px #bfcbe8;
padding: 0;

}

#leftContent{
float:left;
width:200px;
margin: 0 0 20px -760px;
padding: 0;
}






/* just incase oneColLayout is specified in body, and these are left in, we turn them off - not ideal, but it works */

#oneColLayout #leftContent, #oneColLayout #rightContent {
display: none;
}

/* twoColContent - used to span two right-hand columns - ONLY LEAVE THIS IN IF I DISCUSS IT - box used only if no selector */

#twoColContent{
width:555px;
float:left;
margin: 0 0 20px 195px;
}


/* twoColContent - used to span two right-hand columns - ONLY LEAVE THIS IN IF I DISCUSS IT - box used only if no selector */







div.calendar{
	width: 12.7em !important;
		font-size: 1em;
	float: left;
	margin: 0;
	padding: 0;
}

div.calendar_row{
	clear: both;
}

div.calendar_monthRow{
	width: 12.3em;
	text-align: center;
	background-color: #243B7F;
	margin-bottom: 0.08em;
	margin-top: 0.08em;
	color: #FFFFFF;
	padding-top: 0.3em;
	padding-bottom: 0.3em;	
	float: left;
	height: 17px;
}


 #calendarBlock_1 {


border-right: 8px solid #fff;
border-left: 10px solid #fff;
}





 #calendarBlock_1  img{

float: left;
margin: 0;
padding: 0;

}


 #calendarBlock_1 p{
float: right !important;
margin: 2px 5px 0 0!important;
padding: 0;
width: 80px !important;
border: none !important;

text-align: right !important
}


 #calendarBlock_2 {

}


 #calendarBlock_2 img{
float: right;
margin: 0;
padding: 0;

}

 #calendarBlock_2 p{
margin: 2px 0 0 5px!important;
padding: 0;
clear: none !important;
width: 100px !important;
border: none !important;
height: 15px !important
}


div.calendar_row div{
	text-align: center;
	margin: 0px 0.08em 0.08em 0px;
}

div.calendar_dayLabel{
	width: 1.72em;
	height: 1.7em;
	float: left;
	background: #546EAF;
	color: #fff;
	padding-top: 0.05em;
	
	
}

div.calendar_daySpacer{
	width: 1.72em;
	height:1.72em;
	float: left;
}

div.calendar_dayAvail{
	width: 1.72em;
	height: 1.72em;
	float: left;
	background: #BFCBE8;
}

div.calendar_daySelected{
	width: 1.72em;
	height: 1.72em;
	float: left;
	background-color: #669900;
}

div.calendar_dayUnavail{
	width: 1.72em;
	height: 1.72em;
	float: left;
	background-color: #cc0000;
	color: #fff;
}

div.calendar_dayProblem{
	width: 1.72em;
	height: 1.72em;
	float: left;
	background-color: #FF0000;
}

div.calendar_dayStartDay{
	width: 1.72em;
	height: 1.72em;
	float: left;
	background-color: #ff9900;
}

div.calendar_daySelected a,
div.calendar_daySelected a:hover,
div.calendar_dayEndChangeOverBooked a,
div.calendar_dayEndChangeOverBooked a:hover,
div.calendar_dayStartDay a,
div.calendar_dayStartDay a:hover{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div.calendar_dayEndChangeOverBooked{
	width: 1.72em;
	height: 1.72em;
	float: left;
	background-image: url("../admin/modules/acmsAvailabilitySearch/images/calendar_changeover_end.gif");
}

div.calendar_dayStartChangeOverBooked{
	width: 1.72em;
	height: 1.72em;
	float: left;
	background-image: url("../admin/modules/acmsAvailabilitySearch/images/calendar_changeover_start.gif");
}


.javaBtn {
margin: 0 !important;
padding: 0!important;

}

/* ================ styles specific to this website ======================================================================*/
a {

color: #f39f2f;
text-decoration: none;

}

a:hover {

text-decoration: underline;

}

div#photosForPrint { display: none; }


/* ================ default masthead holding the banner and mainNav if Horizontal ========================================*/

#header {
width: 760px;
float: left;
margin: 0 0 0 0;
padding: 15px 0 0 0;
border-bottom: solid 1px #bfcbe8;
background: #fff;
}

#header h1{
background: #FFFFFF url(../images/logo.gif) no-repeat;
height: 101px;
width: 329px;
text-indent: -2000px;
margin: 0 0 5px 5px;
padding: 0;
float: left;
}



#header h2{
float: right;
color: #243B7F;
font-size: 2em;
text-align: right;
width: 300px;
margin: 33px 5px 5px 0;
padding: 0;
font-weight: normal;
line-height: 1.4em;
}

#header img{
margin: 0;
padding: 0;
float: right;



}



/* Panels on homepage within primaryContent  with all Generic styles defined in this DIV, followed by p, h1, h2... h6, ul, li, img tag style below */

/* Panels on homepage, */

.panelContent {
float:left;
width:271px;
margin:  10px 0 0 0;
padding: 0;



}

.panelContent p{
margin: 10px 15px 0 15px;
padding: 0;

}

.panelContent h3{
margin: 10px 15px 0 15px;
padding: 0;
font-size: 1.4em;
color: #243b7f;
}

.panelContent h4{
margin: 10px 30px 0 15px;
padding: 0;
font-size: 2em;
color: #243b7f;
}



.panelContent img{
margin: 10px 5px 10px 15px;
padding: 0;

}

.panelContent ul{
margin: 10px 10px 0 5px;
padding: 0;
float: left;
clear: none;
color: #243b7f;
}

.panelContent li{
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.8em;
list-style-type:none;

}


/* ================================= Panels Variations e.g differnet widths and background colour =========================*/


.property_carousel {
float:left;
width:205px;
margin:  10px 0 0 0;
border-right: 10px solid white;
border-left: 10px solid white;
padding: 0;

}

.panelContent_property {
border-right: 15px solid #fff;
float:right;
margin:10px 0pt 0pt;
padding:0pt;
width:305px;

}

.panelContent_property img{
float:right;

}


.panelContent_property p{
margin: 6px 0 0 0!important;
padding: 0 !important;
width: 100% !important;



}


.panelContent_property dl {
margin: 10px 0 5px 0!important;
padding: 0;
float: left;
wifth:152px;
color: #243b7f;

}

.panelContent_property dt{
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.8em;
list-style-type:none;
width: 80px;
clear: left;
float: left;



}

.panelContent_property dd{
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.8em;
list-style-type:none;

float: left;
width: 30px !important;

}



.variation1 {
	width: 525px;
}

.variation1 h3 {
	width: 525px;
	border-bottom: #BFCBE8 1px solid;
	padding-bottom: 4px;

}

.variation1 h3 span{
	text-align: right;
	float: right;
	clear:both;
	margin-top: -1.2em;
	
}

.variation1 p {
	width: 525px;
}

.variation1 ul{
	margin: 10px 0 0 15px;
	padding: 0 0 0 0;
	list-style: none;
}

.variation1 li{
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 1.1em;
}

.blogMenu {
	text-align: right;
}




.panelVariation1{
width:250px;
background: #f9f9f9;

}

.panelVariation2{
width:350px;
background: #f6f6f6;

}

.panelVariation3{
width:550px;
background: #f3f3f3;

}.panelVariation4{
width:760px;
background:#FFFFCC;

}

.panelVariation5{
width:200px;
background: #f9f9f9;

}






/* ===================================== Offers module usual sits in leftContent or rightContent ========================= */

#offerContent {
float:left;
width:200px;
margin:   0;
padding: 0;




}

#offerContent p{
margin: 12px 15px 7px 15px;
padding: 0;
color: #243b7f;
font-size: 1.4em;
font-weight: bold;
}

#offerContent h3{
margin: 10px 15px 0 15px;
padding: 0;
font-size: 1.9em;
color: #f39f2f;
}

#offerContent h4{
margin: 10px 20px 6px 15px;
padding: 0;
font-size: 1.5em;
color: #243b7f;
font-weight: normal;
}


#offerContent a{
float: right;
margin: 0 10px 0 0;
padding: 0;
font-size: 1em;
}

#offerContent a:hover{
float: right;
text-decoration: none;
}





/* =====================================================The footer ====================================================== */



#footer{
clear:both;
width: 760px;
margin:  0;
background: #bfcbe8;
padding: 7px 0 0 0;
}
#footer ul{
margin: 0 0 4px 0;
padding: 0 4px 0 0;
font-size: 0.9em;
text-align: right;
}

#footer p {
margin:  0;
padding:  0;
}


#footer li{
display: inline;
clear: none;
margin: 0px 0 0 8px;
}

#footer a:link, #footer a:visited {
color: #fff;
text-decoration: none;
}
#footer a:hover {

color: #f39f2f;
text-decoration: underline;
}



.available {
	background-image: url(../images/property_grey_box.gif);
	background-repeat: no-repeat;
}
.booked {
	background-image: url(../images/property_red_box.gif);
	background-repeat: no-repeat;
}
.selecteddates {
	background-image: url(../images/property_green_box.gif);
	background-repeat: no-repeat;
}
.startdates {
	background-image: url(../images/property_orange_box.gif);
	background-repeat: no-repeat;
}


.orange {
color: #f39f2f;

}

.orange2 {
color: #f39f2f;
font-size: 0.7em !Important;
font-weight: normal!important;


}

.flt_right {
float: right;

}


#Flash {
width: 560px;
margin: 0;
padding: 0;


}


#flashWrapper {
width: 560px;
margin: 0;
padding: 0;
float: left;
}


#flashcontent {
width: 205px;
float: left;
}



.siteMapList {
border-bottom-width: 1px !important;
border-bottom-style: solid  !important;
border-bottom-color: #CCCCCC  !important;
width: 370px;
margin: 0 0 10px 20px !important;
padding: 0 0 10px 5px !important;

}

div.headerCarouselFlashLink{
	font-size: 1.6em;
	position: absolute;
	padding-top: 120px;
	width: 550px;
	text-align: center;
	line-height: 23px;
	color: #ffffff;
}

div.headerCarouselFlashLink a, div.headerCarouselFlashLink a:hover{
	color: #ffffff;
	text-decoration: none;
	background: url(../images/header_flashLink_background.gif) no-repeat;
	display: block;
	width: 294px;
	height: 24px;
	float: right;
}


/* CSS Document */

/* HORIZONTAL NAVIGATION */

#H_nav {
	background: url(../images/bg_navigation.gif) repeat-x;
	width: 760px;
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
}

	
#H_nav ul {
	margin:  0;
	padding: 0;
	list-style: none;
	float: left;
	}
	
#H_nav ul li {
	position: relative;
	display: inline;
	float:left;
	}
	
#H_nav li ul {
	position: absolute;
	left: 0px; /* move the sub nav left */
	top: 26px; /* moves the sub nav up or down */
	display: none;
	width: 150px; /* set the width for the drop down menu */
	
	}


/* Styles for Menu Items */
#H_nav ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background: none; /*  bg colour of nav link*/
	padding: 6px;
	font-size: 1.1em;
	margin: 0 4px; /* change to increase the spacing between each nav option */
	float: left;

	

	}
	
	
	/* Styles for Menu Items */
#H_nav ul li ul li a {
	width: 150px; /* set the width for the drop down menu */
	border-top: 1px solid #ffffff;
	}
	
/* Holly Hack. IE Requirement \*/
* html #H_nav ul li { float: left; height: 1%; }
* html #H_nav ul li a { height: 1%; }
/* End */

#H_nav  ul li a:hover { 
	color: #ffffff;
	background: #f39f2f;
} /* Hover Styles */
		
#H_nav  li ul li a {
	padding: 6px 5px;
	background: #566aa1;
	color:#fff;
} /* Sub Menu Styles */
		
#H_nav  li:hover ul, #H_nav li.over ul { display: block; } /* The magic */

/* Drop Navigation Finishes Here */
	



#V_nav  {
	clear: left;
	float: left;
	width: 200px;
	
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1.1em;
}


/* Drop Navigation Starts Here */



#V_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px; /* Width of Menu Items */
	float: left;
	border-top: 1px solid #bfcbe8;
	
	}
	
#V_nav ul li {
	position: relative;
	}
	
#V_nav li ul {
	position: absolute;
	left: 200px; /* Set 1px less than menu width */
	top:-26px;
	display: none;
	
	}

/* Styles for Menu Items */
#V_nav ul li a {
	display: block;
	text-decoration: none;
	color: #243b7f;
	background: #fff; /* IE6 Bug */
	padding: 8px 14px;
	border-bottom: 1px solid #bfcbe8;
	margin: 0;

	}
	
/* Holly Hack. IE Requirement \*/
* html #V_nav ul li { float: left; height: 1%; }
* html #V_nav ul li a { height: 1%; }
/* End */

#V_nav  ul li a:hover { color: #fff; background: #f39f2f; } /* Hover Styles */
		
#V_nav  li ul li a { padding: 8px 5px; border-left: 1px solid #243b7f;} /* Sub Menu Styles */
		
#V_nav  li:hover ul, #nav li.over ul { display: block; } /* The magic */


/* Drop Navigation Finishes Here */



/* CSS Document */

legend {
	display: none;
}

fieldset {
	border: none;
}

form {
	width: 185px;
	margin: 15px 0 0 0px;
	border-left:solid 15px #fff;
}

label {
	width: 150px;
	float: left;
	font-size: 1.1em;
	clear: left;
	margin: 0 0 10px 0;
}

select {
	
	margin: 0 0 10px 15px;
	float: left;
	
}

input {
	float: right;
}

fieldset input {
	float: left;
	width: 200px;
	margin: 0 0 10px 15px;
}

form fieldset p{
	clear: left;
	margin-bottom: 15px !important;
	font-style: italic;
}

/* ===========================================================Form module ==============================================*/

#Form {
width: 200px;
float: left;
margin:  0 0 10px 0;
padding: 0;

}

#Form h3{
margin: 10px 15px 0 15px;
padding: 0;
font-size: 1.4em;
color: #243b7f;
}

#Form form{
width: 185px;
float:right;
margin: 15px 0 0 0 ;
padding: 0;



}

.FormlabelsHide{
display: none;
}



#Form fieldset{
margin:0 ;
padding: 0;
border: none;

}


#Form label{

margin: 0;
padding: 0;


}

#Form legend{
border: none;
font-size: 1em;
color: #243b7f;

}






#Form select{

margin: 0 0 10px 0;
padding: 0;
font-size: 1em;
color: #243b7f;
}


#Form input{

margin: 0;
padding: 1px;
font-size: 0.9em;
color: #243b7f;
height: 14px;
}


#Form textarea {

margin: 0;
padding: 0;
font-size: 0.9em;
color: #243b7f;
height: 80px;
}


#Form p{

margin: 0;
padding: 0;
color: #243b7f;
height: 15px;
}


.Formbutton{

margin: 10px 14px 0 0 !important;
padding: 0;
float: right;
color: #243b7f;
height: 22px !important;
width:80px;
}


/* ==================================== Width for input, text areas, select boxes  =====================================*/


.formItemWidth90 {
	width: 90px;
}

.formItemWidth80 {
	width: 80px;
}

.formItemWidth170 {
	width: 170px;
	clear: both;
}

.formItemWidth53 {
	width: 53px;
}

.formItemWidth83 {
	width: 83px;
}

.formItemWidth300 {
	width: 300px;
}

.formItemWidth200 {
	width: 200px;
}


.formItemWidth500 {
	width: 500px;
}

.formCalandarShow {
background:  url(../images/icon_calendar.gif) no-repeat top right !important;
padding: 0 25px 4px 0;
margin: 3px 0 0 -5px;

}



#Form1 {
	float: left;
	margin:  0 0 10px;
	padding: 0;
	clear: left;
}
#Form1 input {
	margin:  0 0 10px;
	padding: 0;
	float:right;
}
#form_search {
	background-image: url(../images/search_gradient.gif);
	background-repeat: repeat-x;
	margin: 15px 0 15px 0 !important;
	padding:0!important;
	float: left;
	
	

}



#form_search form{
	border-left: solid #fff 10px;
	margin: 0 !important;
	padding:10px 5px 10px 10px!important;
	background-image: none!important;
	width: 500px!important;

}

#form_search select{
	
	margin: 0 10px 2px 0 !important;
	padding: 0;
	width:115px;
	

}

#form_search p {
	margin: 0 0 10px 0;
	padding:0px;

}


#form_search input{
	margin:  0;
	padding:0px;
	width: 10px !important;

}

#form_search fieldset{
	margin:0!important;
	padding: 0!important;
	border: none;

}
#form_search ul{
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	color: #FFFFFF;
}

#form_search li{
margin: 0;
padding: 0;
list-style-type:none;
}


#form_search dl {
margin: 0 5px 0 0;
padding: 0;
float: left;
width: 100px;
color: #ffffff;
clear: none;
font-size: 0.9em;

}

#form_search dt{
margin: 0 0 6px 0;
margin: 0;
padding: 0;
line-height: 1.6em;
text-decoration: none;
list-style-type:none;
width: 20px;
clear: left;
float: left;

}

#form_search dd{
margin: 0 0 6px 0;
padding: 0;
text-decoration: none;

list-style-type:none;
width: 70px;
float: left;

}



#form_search label{
margin: 0;
padding: 0;
float: left;
width: 80px;

}

 #form_prop_panel_book {
	margin:  -18px 0 0 0 !important;
	padding: 0 !important;
	width: 70px;
	height: 22px!important;
	
}



#form_prop_panel_details
 {
	margin:  3px 0 0 0 !important;
	padding: 0 !important;
	width: 70px;
	height: 52px!important;	
}


#form_prop_panel_details select
 {
	margin:   0 !important;
	
}



#form_prop_panel input {
	margin: 3px 0 5px 2px;
	padding: 0;
	width: 70px;
		
}



/* ---------------------------------------------- CUSTOMER FEEDBACK FORM ---------------------------------------------- */

form.customerFeedback fieldset{
	border: solid 1px #BFCBE8;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;

	
}

form.customerFeedback label.invalid{
	font-weight: bold;
}
form.customerFeedback span.invalid_reason{}
form.customerFeedback span.required{}
form.customerFeedback input.invalid{
	background-color: #FAFF97;
	color: #FF0000;
	font-weight: bold;
}

form.customerFeedback br{
	clear: both;
}

form.customerFeedback input, form.customerFeedback select, form.customerFeedback textarea{
	margin: 3px 0px 5px 25px;
	clear: both;
	float: left;
}

form.customerFeedback label{
	margin: 5px 0px 0 25px;
	clear: both;
	float: left;
	width: auto;
	font-size: 1.1em;
	color: #243b7f;
}

form.customerFeedback div.radio_rating{
	float: left;
	clear: both;
	margin-left: 15px;
	width: 350px;
}

form.customerFeedback div.radio_rating input{
	width: auto;
	padding: 0px;
	margin: 0.5em 4em -0.25em 0.25em;
	float: none;
}

form.customerFeedback div.radio_rating span{
	margin-top: 5px;
	float: none;
}

form.customerFeedback p{
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-style: normal;
}


/* ==================================== Width for input, text areas, select boxes  =====================================*/


.formItemWidth90 {
	width: 90px;
}

.formItemWidth80 {
	width: 80px;
}

.formItemWidth170 {
	width: 170px;
}

.formItemWidth53 {
	width: 53px;
}

.formItemWidth83 {
	width: 83px;
}

.formItemWidth114 {
	width: 114px !important;
}


.formItemWidth300 {
	width: 300px;
}

.formItemWidth200 {
	width: 200px;
}


.formItemWidth500 {
	width: 500px;
}

.formCalandarShow {
background:  url(../images/icon_calendar.gif) no-repeat top right !important;
padding: 0 25px 4px 0;
margin: 3px 0 0 -5px;

}



#Form1 {
	float: left;
	margin:  0 0 10px;
	padding: 0;
	clear: left;
}
#Form1 input {
	margin:  0 0 10px;
	padding: 0;
	float:right;
}



#form_search p {
	margin: 0 0 10px 0;
	padding:0px;

}

#form_search fieldset{
	margin:0;
	padding: 0;
	border: none;

}
#form_search ul{
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	color: #FFFFFF;
}

#form_search li{
margin: 0;
padding: 0;
list-style-type:none;
}


#form_search label{
margin: 0;
padding: 0;

}




#form_prop_panel_details
 {
	margin:  3px 0 0 0 !important;
	padding: 0 !important;
	width: 70px;
	height: 52px!important;	
}


#form_prop_panel_details select
 {
	margin:   0 !important;
	
}



#form_prop_panel input {
	margin: 3px 0 5px 2px;
	padding: 0;
	width: 70px;
		
}



/* ---------------------------------------------- CONTACT FORM FORM ---------------------------------------------- */

#contactForm form{
	width: 350px !important;
	
	

	
}


#contactForm fieldset{

	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 350px;	
}


#contactForm submit {
	float: left;
	margin: 0 50px 0 0 !important;
}




#contactForm input {
	margin: 3px 0px 5px 25px;
	float: right;
	clear: none;
}

  #contactForm select{
	margin: 3px 0px 5px 25px;
	float: right;
	clear: none;
	width: 205px
}

 #contactForm textarea{
	margin: 3px5px 5px 0px;
	float: right;
	clear: none;
	width: 201px !important;
}
#contactForm label{
	margin: 5px 0px 0 25px;
	clear: both;
	width: auto;
	font-size: 1.1em;
	color: #243b7f;
	width: 80px;
}

#contactForm p{
	margin: 15px 0px 0 25px !important;
	padding: 15px 0 0 0;
	clear: both;
	width: 200px;
	font-size: 1em;
	color: #243b7f;
	font-weight: bold;
	font-style: normal;

	
}



/* ---------------------------------------------- CONTACT FORM FORM ---------------------------------------------- */
#callbackForm {
width: 180px !important;
float: left;
margin: 5px;
padding:0;
}



#callbackForm form{
	width: 180px !important;
	margin: 0;
	padding: 0;
		
}


#callbackForm fieldset{

	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
	width: 150px;	
}

 


#callbackForm input {
	margin: 3px 0px 0 0;
	float: right;
	clear: none;
	width: 130px;
}


#callbackForm label{
	margin: 5px 0px 0 0;
	clear: both;
	width: auto;
	font-size: 1em;
	color: #243b7f;
	width: 80px;
}

.callbackSubmit{
margin: 10px 14px 0 0 !important;
padding: 0;
float: right;
color: #243b7f;
height: 22px !important;
width: 60px !important;
font-size: 0.9em;

}



/* ---------------------------------------------- CONTACT FORM FORM ---------------------------------------------- */

#bookingForm form{
	
	text-align: left !important;
	width: 500px !important;
	float: left;

	
}


#bookingForm fieldset{

	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 500px !important;
}




 #bookingForm select{
	margin: 3px 3px 5px 15px;
	float: left;
	clear: none;
	padding: 0;
	font-size: 1em;
	
}

#bookingForm label{
	margin: 5px 0px 0 25px;
	clear: both;
	width: auto;
	font-size: 1.1em;
	color: #243b7f;
	width: 200px;
	float: left;
	
}



#bookingForm  textarea {
	margin: 3px 0px 5px 15px;
	float: left !important;
	clear: none;
	font-size: 1em;
	width: 181px;
	height: 150px;
}

#bookingForm  input {
	margin: 3px 0px 5px 15px;
	float: left !important;
	font-size: 1em;
	width: 181px;
}

.bookingFormCheckboxSmll label{
width: 196px !important;
margin: 3px 0 5px 25px!important;
	clear:both!important;
	float: left!important
}



.bookingFormCheckboxSmll input{
width: 20px !important;
margin: 3px 0 5px 15px!important;
	clear: none!important;
}


.bookingFormCheckboxBig label{
width: 380px !important;
margin: 5px 0 5px 25px!important;
	clear: none!important;
}



.bookingFormCheckboxBig input{
width: 20px !important;
margin: 5px 0 5px 5px!important;
	clear: none!important;
}





#bookingForm p{
	margin: 15px 0px 0 25px !important;
	padding: 15px 0 0 0;
	clear: both;
	width: 200px;
	font-size: 1em;
	color: #243b7f;
	font-weight: bold;
	font-style: normal;	
}


.bookingFormButton {
margin: 10px 14px 0 350px!important;
padding: 0 0 0 3px;
float: left;
color: #243b7f;
height: 22px !important;
width: 80px !important;
font-size: 0.9em;
}


.row_1{

width: 300px !important;
}








/* -------------------------------------------- BROCHURE REQUEST FORM ---------------------------------------------- */

#brochureRequest form{
	
	text-align: left !important;
	width: 500px !important;
	float: left;

	
}


#brochureRequest fieldset{

	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 500px !important;
}




 #brochureRequest select{
	margin: 3px 3px 5px 15px;
	float: left;
	clear: none;
	padding: 0;
	font-size: 1em;
	
}

#brochureRequest label{
	margin: 5px 0px 0 25px;
	clear: both;
	width: auto;
	font-size: 1.1em;
	color: #243b7f;
	width: 200px;
	float: left;
	
}



#brochureRequest  textarea {
	margin: 3px 0px 5px 15px;
	float: left !important;
	clear: none;
	font-size: 1em;
	width: 181px;
	height: 150px;
}

#brochureRequest  input {
	margin: 3px 0px 5px 15px;
	float: left !important;
	font-size: 1em;
	width: 181px;
}


/* -------------------------------------------- NEWS LETTER FORM ---------------------------------------------- */

#newsletterRequest form{
	
	text-align: left !important;
	width: 500px !important;
	float: left;
	margin: 30px 0 0 0 !important;
	padding: 0;

	
}

#newsletter {
	border-bottom:solid 15px #fff;
	border-top:solid 1px #BFCBE8;
	float:left;
}

#newsletter h3{
	margin: 10px 15px 0 15px;
	padding: 0;
	font-size: 1.4em;
	color: #243b7f;
	width:140px;
}

#newsletter p{
	margin: 10px 15px 0 15px;
	padding: 0;
	color: #243b7f;
	width:170px;
}


#newsletterRequest fieldset{

	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 500px !important;
}




 #newsletterRequest select{
	margin: 3px 3px 5px 5px;
	float: left;
	clear: none;
	padding: 0;
	font-size: 1em;
	
}

#newsletterRequest label{
	margin: 5px 0px 0 0px;
	clear: both;
	width: auto;
	font-size: 1.1em;
	color: #243b7f;
	width: 150px;
	float: left;
	
}




#newsletterRequest  input {
	margin: 3px 0px 0px 0px;
	float: left !important;
	font-size: 1em;
	width: 165px;
}


.NewsBut {
margin: 0px 14px 0px 90px!important;
padding: 0px 0px 15px 3px;
float: left;
color: #243b7f;
height: 22px !important;
width: 80px !important;
font-size: 0.9em;

}







#callback-form form{
	
	
	width: 190px;
	margin: 5px 0 0 0 !important;
	padding: 0;
	float: left;
	
	

	
}


#callback-form fieldset{

	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	
}






#callback-form label{
	margin: 5px 0px 0 15px;
	clear: both;
	font-size: 1em;
	color: #243b7f;
	
	
}




#callback-form  input {
	margin: 3px 0px 5px 15px;
	font-size: 0.9em;
	width: 147px;
}

#callback-form select{
	margin: 6px 3px 0 15px;
	clear: none;
	padding: 0;
	font-size: 0.9em;
	width: 150px;
	color: #243b7f;
	
}



#Form_buttons {

float: left;
margin:  0 ;
padding: 0;

}

.availability_text {
clear: both;  
border-bottom: white solid 2px; 
border-top: white solid 3px; 
border-left: white solid 15px;  
border-right: white solid 10px; 
color: #243b7f;
}