/* Start of CMSMS style sheet 'CatalogPage' */
.Catalog
{
	width: 100%;
}

.Catalog .propertyBox ul
{
	list-style-type:none;
	text-align: center;
	padding: 10px;
}

.Catalog .navstrip table
{
	margin-top:0.5em;
	margin-bottom:0.5em;
	width: 98%;
}

.Catalog .navstripbottom table
{
	margin-top:0.5em;
	margin-bottom:2em;
	width: 98%;
}

.Catalog .navstrip th
{
		background-color: #F8FDA7;
}
	
.Catalog .navstripbottom th
{
		background-color: #F8FDA7;
}

.Catalog .navstrip th, .Catalog .navstrip td
{
	width: 100pc;
	text-align: center;
}

.Catalog .navstripbottom th, .Catalog .navstripbottom td
{
	width: 100pc;
	text-align: center;
}

.Catalog td,th
{
	width: 100pc;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
}

.category_items td, th
{
	width: 0;
	text-align: left;
}

.Catalog a
{
	/*font-weight: normal;*/
	text-decoration: none;
}

.Catalog th
{	
	margin: -12px 0 5px 10px;
	padding: 2px 5px 2px 5px;
	background: #fff;
	border: 1px solid #B5B5B5;
}

.Catalog img
{
	border: 0;
}

.catnav1
{
	font-size: 120%;
	text-align: right;	
	font-weight: x-bold;
}

.catnav1 a
{
	font-weight: normal;
}

.leftCatalogDesc
{
	padding: 0;
	border: 0;
	margin: 0;
	width: 49%;
	float: left;
}

.rightCatalogDesc
{
	padding: 0;
	border: 0;
	margin: 0;
	width: 49%;
	float: left;
}

.category_items h2
{
	font-size: 140%;
	padding: 15px 0px 15px 5px;
	border: 0;
	margin: 0;
}

.facilityicon
{
	padding: 1px 1px 1px 1px;
	border: 0;
	margin: 0px;
}

.propertypicture
{
	padding: 12px 25px 22px 25px;
	border: 0;
	text-align: center;
}

.tabbedpropertypicture 
{
	padding: 0;
	border: 0;
	text-align: center;
}

.calpicture
{
	padding: 3px 2px 2px 20px;
	border: 0;
	text-align: center;
}

.pricetable
{
	font-size: 100%;
}

.pricetable .low
{
	background-color: #ddffdd;
}
.pricetable .mid
{
	background-color: #ffffdd;
}
.pricetable .high
{
	background-color: #ffdddd;
}

.pricetable a
{
	font-weight: bold;
}

.calmonth
{
	text-align:left;
	padding-left: 20px;
}

.calmonth h3
{
	padding-top:1em;
	padding-bottom:0.5em;
}

.calmonth table
{
	width: 200px;
}

.calmonth td
{
	width: 20px;
	background-color: #ffffdd;
	padding: 0;
	border:0;
	margin:0;
	text-align: center;
}

.calmonth th
{
	background-color: #ffffdd;
	padding: 3px;
	border:0;
	margin:0;
}


.calmonth td.dayavail
{
	width: 20px;
	background-color: #ddffdd;
}

.calmonth td.dayunavail
{
	width: 20px;
	background-color: #ffdddd;
}


.listgroupheading
{
	padding: 10px 5px 4px 5px;
	font-size: 130%;
}

.listgroupheading a
{
	text-decoration: none;
}

.listsubentry
{
	margin-left: 2em;
	padding: 0px 10px 2px 10px;
}

.listsubentry a
{
}

/* credit to chris heilmann's tutorial on resizeable tabs http://icant.co.uk/articles/flexible-css-menu/index.html on which the following is based */

.navtabs{
  font-weight:bold;
  color:#666;
  margin: 6px 4px 0px 4px;
  padding:0;
  float: right;
  list-style-type:none;	
  border-bottom:0;
  background:url(images/navtabshadow.jpg) no-repeat 8px 100% #ffffff;
  padding-bottom:20px;
}

html>body .navtabs{
  margin-right:8px;
  background:url(images/navtabshadow.jpg) no-repeat <strong>4px</strong> 100% #ffffff;
}

.navtabs li{
  list-style-type:none;
  float:right;
  margin:0 0 0 4px;
  padding:0 0 0 10px;
  border-bottom:0;
  background:url(images/bg-tab.jpg) #e1e1e1 top left no-repeat;
}

.navtabs li a{
  color:#666;	
  background:url(images/bg-tab.jpg) transparent top right no-repeat;
  display:block;
  padding:0 10px 0 0;
}

.navtabs li.cur,
.navtabs li.over,
.navtabs li:hover
{
  background:url(images/fg-tab.jpg) #92c9ff top left no-repeat;
}
.navtabs li strong,
ul.navtabs li.cur a,
ul.navtabs li.over a,
ul.navtabs li:hover a
{
  display:block;
  color:#fff;
  padding:0 10px 0 0;
  text-decoration:none;
  background:url(images/fg-tab.jpg) transparent top right no-repeat;

}
/* End of 'CatalogPage' */

/* Start of CMSMS style sheet 'calendar' */
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #92c9ff;
	padding:1px;
	background-color: #fff;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #eef7ff;		
	color: #000;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #fff;
	background-color: #92c9ff;
	color: #000;
	position:relative;
}

#calendarDiv .topBar{
	height:18px;
	padding:2px;
	background-color: #92c9ff;


}

#calendarDiv .availDay{	
	color:#00ff00;
}
#calendarDiv .unavailDay{
	color:#ff0000;
}

#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #eef7ff;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .monthYearPicker{
	background-color: #eef7ff;
	border:1px solid #aaaaaa;
	position:absolute;
	color: #000000;
	left:0px;
	top:15px;
	zIndex:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#92c9ff;
	color: #000;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}
/* End of 'calendar' */

/* Start of CMSMS style sheet 'new 2 Column layout' */
.innerwrap {
float: left;
width: 932px;	/*** L+C ***/
	background-color: #ffffff;
	background-image: url(images/bodyRepeatableDIV.gif); 
	background-position: top left; 
	background-repeat: repeat-y; 
}

.blend 
{
	clear: both;
	background-color: #ffffff;  
	width: 100%; 
	padding:0px 0px 8px 0px;
	background-repeat:no-repeat
}

.center {
	float: right;
	width: 760px;
}

/* End of 'new 2 Column layout' */

/* Start of CMSMS style sheet 'newShared' */
html, body {margin: 0; padding: 0; border: 0;}

body {
color: #404080; 
background-color: #e3e3e3; 
background-image: url(images/repeatable_BG.gif); 
background-position: top left; 
background-repeat: repeat-x; 
font-family: arial, sans-serif; 
font-size: 70%; 
text-align: center;
margin: 10px 0;
}

#myframe { height: 500px; }

p  {margin: 0; padding: 3px;}

h1
{
padding: 1px;
padding-top: 0px;
margin: 0px;
text-transform: uppercase;
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-size: 150%;
	color: #546FE4;
font-family: verdana, sans-serif; 

}

h2
{
margin: 0px;
margin-left: 2px;
font-size: 120%;
font-weight: bold;
font-family: verdana, sans-serif; 
}

h3
{
margin: 0px;
margin-left: 2px;
font-size: 110%;
font-weight: bold;
font-family: verdana, sans-serif; 
}

h4
{
margin: 0px;
margin-left: 2px;
font-size: 100%;
font-weight: normal;
font-family: verdana, sans-serif; 
}

.top
{
	background-color: #a2a2a2;
	background-image: url(images/header.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 932px;
	height: 176px;
}

.textsearch
{
	padding: 115px 0px 0px 65px;
	height: 30px;
}

.right h1 {
color:#fff;
background: #B69292;
font-size: 110%;
margin-top: 0;
}

.left h1 {
color:#fff;
background: #6986dd;
font-size: 110%;
margin-top: 0;
}

.left h2 {
background: #F8FDA7;
font-size: 130%;
padding: 0.5em;
text-align: center;
}

.breadcrumbs
{
font-size: 90%;
padding: 0 0 2px 16px;
margin: 0;
border-bottom: 1px solid #000000; 
}

.apartmentlistentry
{
	background-color: #F8FDA7;
	margin: 0;
	padding: 3px 0 0 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #888888; 
}

.apartmentlistentry h3
{
	margin: 5px 0px 0px 10px;
}

.apartmentlistentry h3 a
{
color: #202080;
}

.apartmentlistentry .listdescription
{
	margin-top: 10px;
}

.apartmentlistentry .listdescriptionicons
{
	background-color: #fff;
	margin: 10px 10px 0px 180px;
}

.apartmentlistentry .listdescriptionsummary
{
	margin: 0px;
	padding: 5px 15px 5px 10px;
	background-color: #F5FD72;
	min-height: 4em;
}

.apartmentlistentry td
{
	width: 100pc;
	text-align: left;
}

.apartmentlistentry td.listdescription
{
	text-align: left;
}

.touristinfoentry
{
	min-width: 450px;
}


.pricetable table td
{
text-align: center;
padding : 0;
width: 100pc;
}

.pricetable table th
{
text-align: center;
padding : 0;
width: 100pc;
}

.townoptions table td
{
text-align: center;
padding : 0;
width: 100pc;
}

.apartmentlistentry .pricetable table {
margin: 10px 10px 0px 0px;
border-collapse : collapse;
}

.apartmentlistentry .listdescriptionsummary .pricetable table th 
{
text-align: center;
padding : 0;
width: 100pc;
}

.moreinfo
{
	float: right;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background-color: #ddffdd;
	padding: 5px;
	margin: 10px 20px 5px 20px;
}


#imagegallery
{
	padding: 0px 10px 2px 10px;
}

#imagegallery .thumb
{
}

#imagegallery p.bigPicCaption
{
	font-weight: bold;
	margin-top: 1em;
}


.clear { clear: both; }

a:link, a:visited 
{
	text-decoration: underline; 
	font-weight: bold; 
	color: #228;
}

.alignright {margin-top: 0; text-align: right;}

.small {font-size: .9em;}

.accessibility, hr, .noprint 
{
 display: none;
}

.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

.wrapper {
margin: 0 auto;
width: 932px;		
text-align: left;
background-color: #fff;  
}

/*** Below is the Tan hack, needed because the decorative side borders (thin black) on 
.wrapper. It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/

* html .wrapper {
width: 930px; /* flash width*/
w\idth: 927px; 
}

		/* TOP NAVIGATION */
#navlist {
width: 90%;
padding: 5px 0px 9px 4px;
text-align: left;
margin: 0;
color: #fff;
background: #B5B5B5;
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a {
padding: 5px .75em;
margin: 0;
color: #fff;
background: #6986dd;
text-decoration: none;
}
#navlist li a:link { color: #fff;
background: #6986dd;
}
#navlist li a:visited {
color: #fff;
background: #6986dd;
}
#navlist li a:hover {
color: #000;
background: #eef7ff;
}
#navlist li a#current {
color: #000;
background:#eef7ff;
}


/*** div.left is in div.innerwrap, and when div.innerwrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

.left {
float: left;
width: 167px;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

.left img
{
	border: 0;
}

.right img
{
	border: 0;
}

.left h3 {
	margin-bottom:-7px;
	margin: 5px;
	padding-left:3px;
}

.left ul {
	margin: 5px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 0;
	list-style-type:none;
}

.left li {
	border-bottom:1px solid #6986dd;
	margin: 5px 0px 5px 5px;
}

.left li a {
	border-bottom:1px solid #6986dd;
	text-decoration: none;
	display:block;
	padding:3px;
}

.left li a#current {
	color: #ffffff;
	background-color: #6986dd;
}

.left li a:hover {
	color:#7277B1;
	color: #ffffff;
	background-color: #6986dd;
	display:block;
}

.left li a#current:hover {
	color: #ffffff;
	background-color: #6986dd;
}

.boxout
{
	margin-left: 6px;
	margin-top:1em;
}

.left .boxout
{
	background-color: #eef7ff;
	border: 4px solid #6986dd;  
}

.boxout h1
{
	margin-bottom: 1px;
}



.right .boxout
{
	background-color: #ffcccc;
	border: 4px solid #B69292;  
}

.content {
	padding: 1em;
}

.content h1
{
	margin-left: 2px;
	font-size: 140%;
}

.rightimg {
	float: right;
	padding: 10px;
}

.leftimg {
	float: left;
	padding: 10px;
}

IMG.centreimg 
{
    display: block;
    margin-left: auto;
    margin-right: auto 
}
	
.top 
{
	background-color: #B5B5B5;  
	width: 100%; 
	margin: 0;
	padding:0;
}

.bottom 
{
	text-align: center;
	background-color: #e3e3e3;  
	color: #fff;
	background-image: url(images/footer.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	height: 36px;
}
.bottom p {padding: 5px;}

/* Credits to and based on the sample presented at http://www.positioniseverything.net/ordered-borders-center.html which gives credit to
to Douglas Livingstone for the 3 cols method */

/* Mozilla bug fixes */
html>body .inner, html>body .innerwrap {
border-bottom: 1px solid transparent;
}


.itemBox
{
	margin: 2px;
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 2px;
	padding-bottom: 5px;
	border: 1px solid #B5B5B5;
}

.itemBoxHeader
{
	margin: -12px 0 5px 10px;
	padding: 2px 5px 2px 5px;
	background: #fff;
	border: 1px solid #B5B5B5;
	float: left;
	color: #546FE4;
}

.itemBoxHeader h2 a
{
	color: #202080;
	text-decoration: underline;
}

.detailscontent
{
	font-weight: normal;
	padding: 0px 0px 2px 0px;

}

.infocontent
{
	font-weight: normal;
	padding: 0px 0px 2px 0px;

}

.detailscontent h2
{
	background-color: #F8FDA7;
	margin: 6px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
}

.detailscontent h1
{
	background-color: #F8FDA7;
	margin: 6px 0px 0px 0px;
	padding: 1em;
	text-align: center;
}

.detailscontent h1 a
{
	color: #546FE4;
	text-decoration: underline;
}

.detailscontent p
{
	background-color: #F8FDA7;
	margin: 0;
	padding: 5px 5px 5px 5px;
}

.minheightss
{
	min-height: 257px;
}

#menuwrapper2 { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
	padding: 1px 0px 0px 5px;
   position:relative; 
   z-index:2;
   font-family: verdana, sans-serif; 
   height: 2em;
   width: 90%;
   margin: 0px 2px;
	background-color: #fff;
}

#navlist2 li li { 
   width: 300px; 
height: 20px;
}





/* Unless you know what you do, do not touch this */ 

#navlist2, #navlist2 ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}

#navlist2 ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}

#navlist2 ul ul { 
   left: 100%; 
   top: 0px; 
}

	

#navlist2 li { 
   float: left; 
   margin-right: 2px;   
}

#navlist2 li li { 
	background-image: none;
   background-color: #6986dd; 
   margin-left: 0px;
   float: none; 
   position: relative; 
	border-bottom: 1px solid #B5B5B5;
}



/* Styling the basic apperance of the menu elements */

#navlist2 a { 
	display: block;
   margin: 0px; 
   text-decoration: none; 
   color: #ffffff;
}

#navlist2 li span { 
	background: url(images/righttab.gif) no-repeat top right;
	padding: 6px 5px 0px 5px;
	height: 22px;
	margin: -6px 0px 0px 0px;
}

#navlist2 li li span { 
   display: block;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
}	

#navlist2 li, #navlist li.menuparent { 
	float: left; /* not sure */
	background: url(images/lefttab.gif) no-repeat left top;
	padding: 6px 0px 0px 5px;
	height: 22px;
}

#navlist2 li a, #navlist li.menuparent a { 
   color: #ffffff;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#navlist2 li.menuactive { 
  background-position: 0% -36px;
  }

#navlist2 li.menuactive span { 
	background-position: 100% -36px;  
   color: #000000;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#navlist2 ul li.menuparent, 
#navlist2 ul li.menuparent:hover, 
#navlist2 ul li.menuparenth { 
  background-position: 0% -36px;
/* arrow for menuparents 
   background-position: center right; 
   background-repeat: no-repeat; 
   */
}

/* Styling the apperance of menu items on hover */
#navlist2 li:hover, 
#navlist2 li.menuh, 
#navlist2 li.menuparenth, 
#navlist2 li.menuactiveh { 
  background-position: 0% -36px;
   background-color: #eef7ff; 
}

#navlist2 li:hover li span, 
#navlist2 li.menuh li span, 
#navlist2 li.menuparenth li span, 
#navlist2 li.menuactiveh li span 
{ 
	background-image: none;
   color: #ffffff;
margin: 0px;
padding: 0px;
height: 23px;
}

#navlist2 li:hover span, 
#navlist2 li.menuh span, 
#navlist2 li.menuparenth span, 
#navlist2 li.menuactiveh span 
{ 
	background-position: 100% -36px;  
   color: #000000;
}

#navlist2 li li:hover span, 
#navlist2 li li.menuh span, 
#navlist2 li li.menuparenth span, 
#navlist2 li li.menuactiveh span 
{ 
	background-image: none;
   color: #000000;
}

#navlist2 li:hover li:hover span,
#navlist2 li:hover li.menuactive span
{ 
	background-image: none;
   color: #000000;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#navlist2 li:hover ul ul, 
#navlist2 li.menuparenth ul ul ul,
for fourth level 
*/
#navlist2 ul, 
#navlist2 li:hover ul, 
#navlist2 li:hover ul ul, 
#navlist2 li.menuparenth ul, 
#navlist2 li.menuparenth ul ul { 
   display: none; 
}

/* add 
#navlist2 ul ul ul li:hover ul, 
#navlist2 ul ul ul li.menuparenth ul,
for fourth level
*/
#navlist2 li:hover ul, 
#navlist2 ul li:hover ul, 
#navlist2 ul ul li:hover ul, 
#navlist2 li.menuparenth ul, 
#navlist2 ul li.menuparenth ul, 
#navlist2 ul ul li.menuparenth ul { 
   display: block; 
}

/* IE Hacks */
#navlist2 li li { 
   float: left; 
   clear: both; 
}
#navlist2 li li a { 
   height: 1%; 
}
/* End of 'Navigation: CSSMenu - Horizontal' */

.listinfo
{
	padding: 2px 0px 10px 15px;
	border: 0;
	margin: 0;
}

.filter
{
	padding: 5px 0px 5px 0px;
	border: 0;
	margin: 0;
	background-color: #F8FDA7;
	background-image: url(images/watermark_s.gif); 
	background-position: top right; 
	background-repeat: no-repeat; 
	min-height: 112px;
}

.filterpopup
{
	padding: 10px;
	margin: 0px 150px 10px 10px;
	border: 1px solid #B5B5B5;
	background-color: #F8FDA7;
	background-image: url(images/watermark_s.gif); 
	background-position: top right; 
	background-repeat: no-repeat; 
	min-height: 112px;
	position: absolute;
	visibility: hidden;
}

.filter dt, .filterpopup dt
{
	padding:0;
	margin:0 0 0 1em;
	font-size: 120%;
	font-weight: bold;
	position:relative; 
	z-index:1;
	width: 6em;
}

.filter dd, .filterpopup dd
{
	margin: -1.2em 1em 1em 9em;
	padding:0;
	border:0;
}

.booknow
{
	margin: 23px;
	background-color: #F8FDA7;
	font-size: 200%;
	text-align: center;
	border-bottom: 2px solid #888;
	border-right: 2px solid #888;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

.contactform
{
	margin: 10px;
	background-color: #F8FDA7;
	padding: 10px;
	background-image: url(images/watermark_s.gif); 
	background-position: top right; 
	background-repeat: no-repeat; 
	min-height: 112px;
}

.currencyselect
{
	font-size: 130%;
	text-align: right;
	color: #6986dd;	
margin: -1.2em 2px 2px 2px;
background-color: #fff;
}

.currencyselect a
{

	color: #000000;	
	text-align: right;	
	text-decoration: none; 
}

p.right
{
	text-align: right;	
}

.signposts
{
}

.signpost
{
	padding: 2px 2px;
	border: 0;
	margin: 0;
}

.QLSearch
{
	float: right;
	width: 200px;
	height: 150px;
	background-image: url(/images/signposts/quicklinkSearch.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 	
	margin-right: 4px;
	padding: 135px 400px 5px 10px;
}

.homepageblock
{
	width: 909px;
margin-left: -8px;
padding-bottom: 0.5em;
clear: both;
}

.homepageblock p
{
	background-color: #f4d45c;
padding: 0.5em;
}

.homepageblock h2
{
	background-color: #f4d45c;
	margin: 0px;
padding: 0em 0.5em;
}

.homepageblock ul
{
	background-color: #f4d45c;
	margin: 0px;
padding: 0.5em 2em;
}

.homepageblock li
{
	background-color: #f4d45c;
}

.hpblocktop
{
	background-image: url(/images/HomeContentTabTop.gif);
	background-position: top left; 
	background-repeat: no-repeat; 	
	width: 909px;
	height: 18px;
}

.homepageblock .hpblockbot
{
	background-image: url(/images/HomeContentTabBot.gif);
	background-position: bottom left; 
	background-repeat: no-repeat; 	
	width: 909px;
	height: 18px;
}


.adsenseright {
float: right;
width: 120px;
height: 600px;
padding: 0 0 10px 10px;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

/* End of 'newShared' */