/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html,body {
		margin: 0;
		padding: 0;
		height: 100%;
}
body {		
		font-family: verdana, arial, hevetica, sans-serif;
		text-align: center;
		color: #404040;
		background-color: #48768e;
		font-size: 70%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}

h1 {
    font-size: 100%;
    margin-bottom: 0px;
}

#rightCol p {
    font-family: verdana, arial, hevetica, sans-serif;
    color: #ffffff;
    text-align: left;
    padding: 0;
    margin: 8px;
}

a {
    text-decoration: none;
    color: #19465f;
}

a:hover {
    text-decoration: underline;
}

p {color: #404040;margin:10px 0px 10px 0px;}

h5 {
    font-size: 100%;
}

.errorText {color: #cc0000; margin:10px 0px 10px 0px;}

ul {
    color: #404040;
}

#container {
		margin: 0 auto;
		width: 740px; 
		min-height:100%;
		text-align: left;
		background: #48768e url(../images/background.jpg) no-repeat;
		border-left: 1px solid #363030;
		border-right: 1px solid #363030;
        position:relative;
        padding-left: 20px;
}

/* commented backslash hack v2 \*/ 
* html #container {height:100%;}		
* html #container {width:732px;w\idth:730px;}
* html body{font-size:xx-small;f\ont-size:x-small}
/* end hack */ 

#popupContainer {
		margin:0px 0px 0px 0px;
		width: 100%;
		height: auto;
		text-align: center;
		background-color: #48768e;
		padding: 0;
}

#popupInner {
    width:510px;
    background-color:#ffffff;
    padding:15px 10px 10px 10px;
}

#headerImage {
    margin: 20px 0px 0px 251px;
}

#content {
   padding: 5px 5px 5px 5px;
   margin: 15px 0px 0px 3px;
   background-color: #ffffff;
   width: 704px;
   display: table;
   overflow: auto;
}

#content-popup {
   padding: 15px 15px 0px 15px;
   margin: 15px 0px 7px 0px;
   background-color: #ffffff;
   width: 360px;
   height: 140px;
   display: table;
   overflow: auto;
   text-align:left;
}

.contentStretch {                       /* used to expand content height to 100% of page if there is no content */
    height: 580px; 
    width: 1px; 
    float: left; 
    margin: 0px 0px 0px 0px; 
    padding-bottom: 0px;
}

@media all and (min-width:0px) {          /* Opera hack to get width of content to be the same as other browsers */
head~body #content { width:714px; }
}

#footer	{
		position:relative;
		width:100%;
		height: 10px;
		margin: -30px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		color: #ffffff;
		font-weight: bold;
        font-size: 80%;
        text-align: center;
}

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

* html #footer {height:25px;he\ight:24px;}

#clearfooter {height:50px;width:100%;clear:both}

.footerText	{
		color: #ffffff;
}

.blank , .blank2 {
	position:absolute;
	left:176px;
	width:7px;
	height:0px;
	overflow:hidden;
	border-top:	1px solid #fff;
}

.blank {top:-1px;}
.blank2 {bottom:-1px;border-top:1px solid #fff;
}

#menuQuickSearch {
    padding: auto;
    float: right;
    margin: -32px 30px 0px 0px;
    height: 30px;
    border: 0px;
}

/* commented backslash hack v2 \*/ 
* html #menuQuickSearch {margin: -32px 15px 0px 0px;}		
/* end hack */ 


.menuQuickSearchBox {
    font-size: 90%;
    width: 120px;
}

.searchButton {
    background-color:#0472af;
    color: #FFFFFF;
    padding:1px;
    font-size: 100%;
    border: 1px solid #404040;
    height:19px;
}

.submitButton {
    background-color: #006fae;
    color:#ffffff;
    border: 1px solid #404040;
	font-size: 100%;	
}

.sectionTable {
    width:165px;
    height: 140px;
    margin:0 auto;
}

.sectionTabs {
    background-color:#0472af;
    color: #ffffff;
    margin: 0 auto;
}

.sectionTabsWhite {
    background-color: #ffffff;
    color: #404040;
    border-top: 0px solid #0472af;
    border-left: 4px solid #0472af;
    border-right: 4px solid #0472af;
    border-bottom: 4px solid #0472af;
}

.sectionTabs a, .sectionTabs2 a, .sectionTabs2hol a {
    color: #ffffff;
}

.sectionTabs a:hover, .sectionTabs2 a:hover, .sectionTabs2hol a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.sectionTabs2 {
    width:336px;
    height: 140px;
    background-color:#0472af;
    color: #ffffff;
    padding:4px 2px 4px 2px;
    margin:0 auto;
}

.sectionTabs2Table {
    width:336px;
    height: 140px;
    margin:0 auto;
}

.sectionTabs2hol {
    background-color: #0472af;
    color: #ffffff;
    margin:0 auto;
}

.quickSearch {
    width:164px;
    background-color: #e6f1f7;
    margin:0;
    padding:2px 0px 4px 4px;
    height:160px;
    color: #404040;
}

.quickSearchText {
    color: #ffffff;
}

.filterContainer {
    background-color: #EEEEEE;
    border: 1px solid #035ca3;
}

.filterList {
    border: 0px solid black;
    width: 110px;
    padding: 0px 0px 10px 10px;
    float: left;
}

.filterListHeader {
    border: 0px solid green;
    font-weight: bold;
    padding: 12px 4px 4px 0px;
}

.filterListContent {
    border: 0px solid red;
    padding: 4px 4px 4px 0px;
}

.infotab {
    width:100%;
    background-color: #e6f1f7;
    margin:1px 0px 0px 0px;
    padding:0px;
}

.infotabcontent {
    color: #404040;
    width: 100%;
    background-color:#e6f1f7;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.infotabcontent td {
    width: 60%;
    padding: 5px 10px 5px 10px;
}

.infotabcontentSearch {
    color: #404040;
    width: 100%;
    background-color:#e6f1f7;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.infotabcontentSearch td {
    width: 40%;
    padding: 5px 10px 5px 10px;
}

.infodestcontent {
    color: #404040;
    width: 100%;
    background-color:#e6f1f7;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.infodestcontent td {
    width: 50%;
    padding: 5px 10px 5px 10px;
}


/**********************
DISPLAYS COLUMN OUTPUT
**********************/

#leftMenu {          
    position: relative;            
    padding: 0px 0px 0px 0px;
    width: 150px;
    margin: 2px 0px 0px 0px;
    float: left;
}

#topleftMenu {                           
    background-color: #def3f6;
    padding: 5px 0px 0px 0px;
    width: 145px;
    margin: 0px 0px 0px 3px;
    float: left;
}

#userMenu {
    background-color: #e6f1f7;
    padding: 5px 0px 0px 0px;
    width: 145px;
    margin: 5px 0px 0px 3px;
    float: left;
}

#lowerleftMenu {                           
    background-color: #e5efd6;
    padding: 5px 0px 0px 0px;
    width: 145px;
    margin: 5px 0px 0px 3px;
    float: left;
}

#mainContent {
    position: relative;
    color: #404040;
    margin: 0;
    padding: 0;
    background-color: #ffffff; 
}

/* commented backslash hack v2 \*/ 
* html #mainContent {width: 355px;}		
/* end hack */ 

#mainContentWide {
    color: Black;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    border: 0px solid black;
    width: 540px;
    background-color: #ffffff; 
    float: left;
}

/* commented backslash hack v2 \*/ 
* html #mainContentWide {width: 540px;}		
/* end hack */ 

#rightCol {
    width: 170px;
}

/*********************/


/*******************
     NAVIGATION
*******************/

.selected {
   color:  #404040;
   text-decoration: underline;
   margin: 0;
   padding: 0;
}

/*******************
     TOP MENU
*******************/

.navigation {                           /* relates to gradient bar */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(../images/background-menu.jpg) repeat-x;
    border: 1px solid #363030;
    width: 715px;
    height: 35px;
}

.navigation ul{                         /* relates to position of menu headings */
    margin: 8px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}

.navigation li{
   display: inline;
   padding: 0px 0px 0px 0px;
   margin:  0px 0px 0px 0px;
}

.navigation a{
   padding: 0px 0px 0px 0px;
   margin:  0px 3px 0px 0px;
   color: #ffffff;
   text-decoration: none;
}

.navigation a:hover{
   padding: 0px 0px 0px 0px;
   margin:  0px 3px 0px 0px;
   color: #ffffff;
   text-decoration: underline;
}

.divider {
   display: inline;
   padding: 0px 0px 0px 0px;
   margin:  0px 0px 0px 0px;   
   border-left: 1px solid #0066a1;
}

.dividerLight { 
    border-left: 1px solid #1e9bd5;
}

.topMenuSelected {                         /* needed to stop selected link's underline extending past text */
    text-decoration: underline; 
    color: #ffffff; 
    margin: 0px 3px 0px 0px;
}

/*******************
   TOP LEFT MENU
*******************/

.topleftnav ul
{
    margin: -5px 0px 10px 5px;
    padding:0px 10px 0px 2px;
    list-style-type: none; 
	font-size: 100%;
}

.topleftnav li {
   padding: 10px 0px 5px 0px;
   border-bottom: 2px dotted #cccccc;
}

.topleftnav a {
   padding: 0px 0px 0px 0px;
   margin:  0px 0px 0px 0px;
   color: #404040;
}

.propertylist {
	padding: 5px 0px 0px 5px;
	border-bottom: none;
}

.propertylistselected {
   text-decoration: underline;
	padding: 5px 0px 0px 5px;
	border-bottom: none;
}


/*******************/

/*******************
   USER MENU
*******************/

.usermenu ul
{
    margin: -5px 0px 10px 5px;
    padding:0px 10px 0px 2px;
    list-style-type: none; 
	font-size: 100%;
}

.usermenu li {
   padding: 10px 0px 5px 0px;
   border-bottom: 2px dotted #cccccc;
}

.usermenu a {
   padding: 0px 0px 0px 0px;
   margin:  0px 0px 0px 0px;
   color: #404040;
}

/*******************/

/*******************
  LOWER LEFT MENU
*******************/

.lowerleftnav ul
{
    margin: -5px 0px 10px 5px;
    padding:0px 10px 0px 2px;
    list-style-type: none; 
	font-size: 100%;
}

.lowerleftnav li {
   padding: 10px 0px 5px 0px;
   border-bottom: 2px dotted #cccccc;
}


.lowerleftnav a{
   padding: 0px 0px 0px 0px;
   margin:  0px 0px 0px 0px;
   color: #404040;
}

/*******************/

/*******************
   RIGHT MENU
*******************/

.rightnav ul {
    background-color: #def3f6;
    width:140px;
    margin: 0px 8px 0px 9px;
    padding:0px 5px 6px 5px;
    list-style-type: none; 
	font-size: 100%;
	text-align: right;
}

.rightnav li {
   padding: 10px 0px 5px 0px;
   border-bottom: 2px dotted #cccccc;
   margin: 0px 0px 0px -1px;
}

.rightnav a {
   padding: 0;
   margin:  0;
   color: #19465f;
}

/********************
SEARCH RESULTS/DISPLAY
********************/
hr {
    color:#0472AF;  
    border: 1px solid #0472AF;
}

.titleBar {
    background-color: #0472AF;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
}

.sectionHeading {
    font-weight: bold;
    color: #0472AF;
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    margin-top: 0px;
}

fx
.propertyIcon {
    width: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    border: 0px;
}

.sectionDivider {
    width: 100%;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #0472AF;
}

.imgBorder {
    border: 1px solid #035ca3;
}

.blockColour0 {
    background-color: #bdd6fd;
    padding: 5px 5px 5px 5px;
}

.blockColour1 {
    background-color: #DEEAFE;
    padding: 5px 5px 5px 5px;
}

.blockHeading {
    background-color: #7bb0fb;
    padding: 5px 5px 5px 5px;
    font-weight:bold;
    text-align:left;
}

/******************/

.homeBoxNav ul {
    background-color: #def3f6;
    width:154px;
    margin: -4px 0px 0px 0px;
    padding:0px;
    list-style-type: none; 
	font-size: 100%;
	text-align: right;
}

.homeBoxNav li {
   padding: 10px 0px 5px 0px;
   border-bottom: 2px dotted #cccccc;
}

.homeBoxNav a {
   padding: 0;
   margin:  0;
   color: #19465f;
}

.homeBoxNav a:hover {
   padding: 0;
   margin:  0;
   color: #19465f;
}

.homeBoxNavTd {
    background-color: #def3f6;
}

/********************
     ROUND BOX
********************/

/* commented backslash hack v2 \*/ 
* html #roundBox { width:370px;} 		
/* end hack */

#roundBox 
{
width:370px;
margin:0; 
background:#fff url(../images/img-box_left.gif) repeat-y left top;
} 
.Btop { 
width:370px; 
height:20px; 
background:url(../images/img-box_top.gif) no-repeat left top; 
} 
.Btop span { 
display:block; 
position:relative; 
height:20px; 
background:url(../images/img-box_top_right.gif) no-repeat right top; 
} 
.center-content { 
position:relative; 
background:url(../images/img-box_right.gif) repeat-y right top; 
padding:0px 0px 4px 0px; 
margin:-10px 0px 0px 0px; 
} 
.bottom { 
height:60px; 
background:url(../images/img-box_bottom.gif) no-repeat left bottom; 
} 
.bottom span { 
display:block; 
position:relative; 
height:60px; 
background:url(../images/img-box_bottom_right.gif) no-repeat right top; 
} 
/********************/

/********************
   ROUND BOX WIDE
********************/

#roundBoxWide { 
width:540px;
margin:0px 0px;
background:#fff url(../images/img-box_left.gif) repeat-y left top;
}
#roundBoxTerms { 
width:620px;
margin:0px 5px; 
background:#fff url(../images/img-box_left.gif) repeat-y left top;
}
#roundBoxContact { 
width:555px;
margin:0px 5px; 
background:#fff url(../images/img-box_left.gif) repeat-y left top;
}
.BtopWide { 
width:100%; 
height:20px; 
background:url(../images/img-box_top.gif) no-repeat left top; 
} 
.BtopWide span { 
display:block; 
position:relative; 
height:20px; 
background:url(../images/img-box_top_right.gif) no-repeat right top; 
} 
.center-contentWide { 
position:relative;
background:url(../images/img-box_right.gif) repeat-y right top; 
padding:1px 20px 1px 20px; 
margin:-1px 0 0px 0; 
}
*html .center-contentWide { 
position: fixed;
background:url(../images/img-box_right.gif) repeat-y right top; 
padding:1px 20px 1px 20px; 
margin:-1px 0 0px 0; 
}
.center-windowcontentWide { 
position:relative;
padding:1px 20px 1px 20px; 
margin:-1px 0 0px 0; 
} 
.bottomWide { 
height:60px;
margin: 0; 
background:url(../images/img-box_bottom.gif) no-repeat left bottom; 
} 
.bottomWide span { 
display:block; 
position:relative; 
height:60px; 
margin: 0;
background:url(../images/img-box_bottom_right.gif) no-repeat right top; 
} 

/********************/

.registrationList  {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
}

.registrationFields {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
    width:200px;
}

.registrationFieldsUrl {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
    width:450px;
}

.registrationFieldsShort {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
    width:100px;
}

.registrationFieldsExt {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
    width:70px;
}

.registrationFieldsNarrow {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
    width:70px;
}


.inputFields {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
    width: 160px;
}

.selectFields {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
    width:260px;
    height:100px;
}

.selectFieldsTextBox {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
    width:460px;
    height:100px;
}

.UrlTextBox {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
    width:570px;
    height:40px;
}



.loginFields {
    color: #404040;
    font-size:100%;
    font-family: verdana, arial, hevetica, sans-serif;
    border: 1px solid #aaaaaa;
    width:150px;
}

.imageCaptions {
    text-align: center;
    color: #909090;
    padding-bottom:5px;
    margin-top:5px;
    background-color: #e6f1f7;
}

.featuredBox {                           
    background-color: #ffffff;
    padding: 5px 0px 0px 0px;
    width: 145px;
    margin: 5px 0px 0px 3px;
    float: left;
    color: #ffffff;
}

.featuredBoxTable {
    width:120px;
    margin:0 auto;
}

.featuredBoxTabs {
    background-color:#0472af;
    color: #ffffff;
    padding:4px 4px 4px 4px;
}

.featuredBoxNav ul
{
    background-color: #def3f6;
    width:120px;
    margin: -4px 5px 0px 0px;
    padding:0px;
    list-style-type: none; 
	font-size: 100%;
	text-align: left;
}

.featuredBoxNav li {
   padding: 10px 0px 5px 0px;
   border-bottom: 2px dotted #cccccc;
}

.featuredBoxNav a {
   padding: 0;
   margin:  0;
   color: #19465f;
}

.bold {
    font-weight:bold;
}

.availCalendar {
	font-size: 80%;
	text-align: center;
}

*html .availCalendar {
	font-size: 90%;
	text-align: center;
}

.availMonth {
    background-color: #808080;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    padding: 2px 2px 2px 2px;
    font-weight: bold;
    text-align: right;
}

.availDay1 {
    background-color: #E5E5E5;
}
.availDay2 {}
.availDay3 {}
.availDay4 {}
.availDay5 {}
.availDay6 {}
.availDay7 {
    background-color: #E5E5E5;
	border-right: 1px solid #808080;
}

.pastDay {
    background-color: #808080;
}

.availWeekDay {
    background-color: #808080;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    padding: 2px 2px 2px 2px;
    font-weight: bold;
    text-align: center;
}

.availDayBusy {
    background-color: #FFD3D3;
}

.availDayUnconfirmed {
    background-color: #BFF5D5;
}

.availDayChangeover 
{
	background-image: url('../images/icon-changeoverday.gif');	
}


.highlight {
    background-color: #e6f1f7;
    cursor: default;
}

.highlightCalendar {
    background-color: #D3D3D3;
}

.normal {
    background-color: Blue;
}


.searchMap 
{
    text-align: center; 
}

.searchMapTest {
    display:none;
    background-color: White;
    margin: -58px 0px 0px -175px;
    border: 1px solid #404040;
    width: 700px;
    height: 555px;
    position:absolute;
    text-align: right;
    padding: 0px 0px 0px 0px;
}

.searchMapTest a {
    color: #ffffff;
}

#contactOwnerForm {
    display: none;
}

.contactUl {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/**********************
PROPERTY ADMIN
**********************/

.propertyadmin {
    width:100%;
    background-color: #e6f1f7;
    margin:1px 0px 0px 0px;
    padding:0px;
}

.propertyadmin td {
    padding:3px;
}

.propertyadminlinks 
{
	text-align: right;
	margin: 5px 0px 5px 0px;
}

.propertyadminsection
{
	padding: 5px 5px 5px 5px;
	border: solid 2px #006FAE;
	width: 470px;
}

.propertyadminbutton
{
    background-color: #006fae;
    color:#ffffff;
    border: 1px solid #404040;
	font-size: 100%;
	width: 20px;
	margin-right:10px;
}

#tariffadminedit {
    display: none;
    background-color: #e6f1f7;
    border: 1px solid #0472AF;
}

#availabilityadminedit {
    display: none;
    background-color: #e6f1f7;
    border: 1px solid #0472AF;
}

/**********************
PROPERTY DETAILS
**********************/

.propertyHeading {
    font-weight: bold;
    color: #0472AF;
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    margin-top: 0px;
}

.propertyText {
    font-weight: normal;
    color: #0472AF;
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    margin-top: 0px;
}

form
{
	display: inline;	
}

.faqAnswer {
    display: none;
}

.mapWrapper {
    text-align: center;
    padding: 0;
}

#mapContainer {
    width:480px; 
}

#pinHolder {
    width:480px;
    position:relative;
}

*html .rentalsContainer {
    font-size: 110%;
}

.flashBorder {
    border: 2px solid #ffffff;
}

.helpText {
    color: #006fae;
    font-style: italic;
    padding: 0px 0px 0px 5px;
}

.optGroup {
    background-color: #cccccc;
        
}

.calendarBorder {
    background-color: #0472AF;  /* site dark colour e.g. titlebar */
}

.calendarWeekday {
    background-color: #e6f1f7;  /* site light colour e.g. infotabcontent */
    color: #404040;
    font-weight: bold;
}

.calendarToday {
    background-color: #ffb6c1;
}

.calendarWeekend {
    background-color: #bdd6fd;  /* same as blockColour0 */
}

.overlibBG {
    background-color: #0472AF;
}

.propertiesUserDetails {
    background-color: #48768e;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
}

.snapinAdText {
    position:absolute; 
    left: 30px; 
    margin-top: -88px;
    #margin-top: 2px; 
    width: 315px; 
    height: 85px; 
    overflow: hidden;
}