@charset "UTF-8";
/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#231f20;
	font-size:83%;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	/*to centre container*/
	text-align:center;
}
#container {
	position:relative;
	margin:0px auto 0px auto;
	padding:0px;
	width:998px;
	text-align:left;
	border:1px solid #231f20;
	overflow:auto;
}
#content-container {
	clear:both;
	margin:0px;
	padding:30px 35px 35px 35px;
	width:928px;
	overflow:hidden;
}
#availability-left {
	float:left;
	width:426px;
	margin:0px;
	padding:10px;
	background-color:#E4E5DF;
}
#availability-right {
	float:left;
	width:426px;
	margin:0px 0px 0px 36px;
	padding:10px;
	background-color:#E4E5DF;
}
#availability-thumb {
	clear:both;
	float:left;
	width:195px;
	margin:0px 13px 0px 0px;
	padding:0px;
}
#content-left {
	float:left;
	margin:0px;
	width:568px;
	overflow:auto;
}
#content-right {
	float:left;
	margin:0px 0px 0px 60px;
	width:300px;
	overflow:hidden;
}
#content-booking { /*booking form container*/
	margin:0px;
	padding:20px 100px 20px 100px;
	width:728px;
}
img {
	margin:0px;
	padding:0px;
	border:none;
}
img.apartments { margin: 20px 0px 20px 0px; }
	
h1 { /*used for main page headings*/
	color:#231f20;
	font-size:160%;
	margin:0px;
	padding:0px 0px 8px 0px;
	font-weight:normal;
}
h1.quote {
	font-size:120%;
	font-style:italic;
	color:#636466;
	padding-bottom:0px;
}
th {
	padding:0px;
	font-size:120%;
}
h2 {
	font-size:140%;
	margin:0px;
	padding:0px 0px 10px 0px;
	font-weight:normal;
}
p.nospaceabove {
	margin-top:0px;
	padding-top:0px;
}
p.nospacebelow {
	margin-bottom:0px;
	padding-bottom:0px;
}
p.nospace { 
	margin:0px;
	padding:0px;
}
p.enquirespace {
	margin:0px 0px 10px 0px;
	padding:0px;
}
p.footer {
	margin:0px;
	padding:0px;
}
.clear { clear:both; }
a:link, a:active, a:visited, a:hover {
	text-decoration:underline;
	color:#231f20;
}
td.padded {
	padding:5px;
}
#spacer { /*used to space availability results*/
	clear:both;
	height:10px;
	margin:0px;
	padding:0px;
}


/****************************************************************/
/* BANNER */
/****************************************************************/
#banner {
	margin:0px;
	padding:0px;
	height:190px;
	background-image:url(../images/common/banner.gif);
	width:998px;
}
#banner-nav { /*container for buttons*/
	float:right;
	margin:134px 0px 0px 0px;
	padding:0px;
	width:195px;
	height:28px;
}
#button-two { /*button-one removed*/
	margin:0px;
	padding:0px;
	width:195px;
	height:28px;
}



/****************************************************************/
/* MAIN MENU */
/****************************************************************/
#menubar { /*top level navigation*/
	clear:both;
	margin:0px;
	padding:5px 0px 0px 25px;
	width:973px;
	position:absolute;
	top:190px;
	left:0px;
}
ul#mainmenu {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:110%;
	background-color:#F33;
}
#mainmenu li {
	float:left;
	position:relative;
}
#mainmenu li a {
	display:block;
	text-decoration:none;
	color:#404041;
	padding:0px 8px 0px 8px;
}
#mainmenu li:hover ul, #mainmenu a:hover ul {
	visibility:visible;
}
#mainmenu li a:hover {
	background-color:#E6EEE3;
}
#mainmenu li.current_page_item a {
	color:#333333 !important;
	text-decoration:underline;
}
/* 2nd level */
#mainmenu ul {
	visibility:hidden;
	position:absolute;
	height:0px;
	padding:4px 0px 0px 0px;
	margin:0px;
	list-style-type:none;
}
#mainmenu ul li {
	clear:both;
}
#mainmenu ul li a {
	display:block;
	width:175px;
	padding:2px 0px 2px 8px;
	border-bottom:1px solid #231f20;
	background-color:#FFF;
}
***************
#mainmenu, #mainmenu * {
	z-index:1;
}



/****************************************************************/
/* COW MENU */
/****************************************************************/
#cow-menu { /*top level navigation*/
	clear:both;
	margin:6px 0px 0px 0px;
	padding:0px 34px 0px 34px;
	height:28px;
	width:930px;
	background-color:#91a18a;
}
#cow-menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#cow-menu ul li {
	float:left;
    width:154px;/*+1px pipe = 155*/
}
#cow-menu li ul {
	display:none;
}
#cow-menu ul li a {
	display:block;
	text-decoration:none;
	margin:0px;
	padding:7px 5px 3px 5px;
	height:18px;
	color:#FFF;
	text-align:center;
}
#cow-menu ul li.pipe {
	margin:0px;
	padding:0px;
	height:28px;
	width:1px;
	background-color:#FFF;
}
#cow-menu ul li a:hover { text-decoration:underline; }
#cow-menu li:hover ul { display:block; }
#cow-menu ul li a.current { text-decoration:underline; }



/****************************************************************/
/* FOOTER */
/****************************************************************/
#footer {
	clear:both;
	padding:0px 0px 10px 0px;
	margin:0px;
	text-align:center;
}



/****************************************************************/
/* TRADE LOGOS */
/*************#***************************************************/
#trade { /*trade membership logos container*/
	width:300px;
	height:84px;
	margin:10px 0px 0px 0px;
	padding:0px;
}
#trade-one { /*membership logo*/
	float:left;
	margin:0px;
	padding:0px;
}
#trade-other { /*membership logo*/
	float:left;
	margin:0px 0px 0px 24px;
	padding:0px;
}
#trade-middle { /*used to position 1 logo only*/
	margin:0px 0px 0px 108px;
	padding:0px;
}



/****************************************************************/
/* TABBER */
/*************#***************************************************/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive { width:568px; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin:0px;
	padding:5px 0;
	border-bottom:1px solid #231f20;
}

ul.tabbernav li
{
	list-style:none;
	margin:0;
	display:inline;
}

ul.tabbernav li a
{
	padding: 5px 1.5em;
	margin-left:3px;
	background:#91a18a;
	text-decoration:none;
}

ul.tabbernav li a:link { color: #FFF; }
ul.tabbernav li a:visited { color: #FFF; }

ul.tabbernav li a:hover
{
	 color:#FFF;
	 background:#5a6f5e;
}

ul.tabbernav li.tabberactive a
{
	 background-color: #5a6f5e;
	 border-bottom: 1px solid #231f20;
}

ul.tabbernav li.tabberactive a:hover
{
	 color:#FFF;
	 background:#91a18a;
	 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:20px;
 border:1px solid #56345C;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	 /*display:none;*/
	font-size:110%;
	font-weight:bold;
	color:#5a6f5e;
	margin:0px;
	padding:0px;
}
/*.tabberlive .tabbertab h3 {
 display:none;
}*/

/* Example of using an ID to set different styles for the tabs on the page */
/*.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}*/




/****************************************************************/
/* FORMS */
/****************************************************************/
form { 
	margin:0px;
	padding:0px;
}
td.tdright {
	 text-align:right;
	 padding-right:0px;
	 vertical-align:middle;
}
input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#231f20;
	font-size:100%;
	border:1px solid #CCCCCC;
}
select { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#231f20;
	font-size:100%;
	border:1px solid #CCCCCC;
}
textarea { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#231f20;
	font-size:100%;
	border:1px solid #CCCCCC;
	overflow:auto;
	margin:2px;
}
.noborder { /*used to remove the border which IE (PC) draws around radio buttons*/
	border:none;
}
input.hidden {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#231f20;
	font-size:100%;
	border:none;
}
input.hidden-green {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#231f20;
	font-size:100%;
	border:none;
}
fieldset {
	border:1px solid #AD729A;
	width:706px;
	margin:10px 0px 0px 0px;
	padding:10px;
	background-color:#FFF;
}
legend {
	color:#fff;
	background:#91a18a;
	padding:5px 10px 5px 10px;
	margin-bottom:5px;
	font-size:120%;
}
hr {
	color:#D7BECF;
	background-color:#CBA2BB;
	border:0px;
	height:1px;
	padding:0px;
	margin:0px;
}



/****************************************************************/
/* CHECK AVAILABILITY BUTTON */
/****************************************************************/
#button {
	margin:0px;
	padding:5px 0px 5px 0px;
}
#button a:link, #button a:active, #button a:visited {
	margin:0px;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	background-color:#AD729A;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}
#button a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}



/****************************************************************/
/* BOOKING FORM */
/*************#***************************************************/
ol.book_headings {
	list-style:none;
	margin:5px 0;
	padding:0px;
}
ol.book_headings li {
	display: inline;
	width: 120px;
	padding: 2px 15px 2px 2px;
	margin: 0 5px;
	border-right: 1px solid #ccc;
}
ol.book_headings li.last {
	border-right: none;
}