/* import core styles */
@import url(base.css);
@import url(skin.css);

/*---------------------------------------------------------------------------
* Layout of Major Elements
*---------------------------------------------------------------------------*/

body { min-width: 1024px; text-align: center; }
#frame { width: 768px; margin: auto; margin-top: 20px; text-align: left; }
#branding { width: 100%; }
#branding img { float: left; }
#contact-top { float: right; }
#sidebar-left { float: left; width: 218px; }
#content-left { text-align: center; }
#content-main { float: right; width: 550px; } 
#footer { clear: both; padding: 10px 20px; }

#text-main { margin-left: 5px; }

.float-divider { clear: both; display: block; height: 1px; font-size: 1px; line-height: 1px; }

/*-------------------------------------------------------------------------*/

/**
* Design of Additional Layout Elements
*/
#availability-search { height: 244px; width: 100%; }
#feature-properties { margin-top: 20px; }


/* reset font size for all elements to standard (16 Pixel) */
html * { font-size: 100.01%; }

/* reset monospaced elements to font size 16px in Gecko browsers */
textarea, pre, tt, code {
    font-family:"Courier New", Courier, monospace;  	
}

/* base layout gets standard font size 12px */
body {
    font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
}

h1 { font-weight:bold; margin: 0.75em 0 0.75em 0; }
h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
h1 { font-size: 200% }                        /* 24px */
h2 { font-size: 1.4em;
    color: #505367;
    margin-top: 1em;
    padding-bottom: 1em; }                     /* 20px */
h3 { font-size: 150% }                        /* 18px */
h4 { font-size: 133.33% }                     /* 16px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic; } /* 14px */

p { line-height: 1.5em; margin: 0 0 1em 0; }

/* ### Lists  #### */

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

/* ### text formatting ### */

cite, blockquote { font-style:italic; }
blockquote { margin: 0 0 1em 1.5em; }

strong,b { font-weight: bold; }
em,i { font-style:italic; }

pre, code { font-family: monospace; font-size: 1.1em; }

acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
}

/**
* Generic Content Classes
* standard classes for positioning and highlighting
*/

.note { background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
.important { background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
.warning { background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
.center { text-align:center; margin: 0.5em auto; }
.redHighlight { color: #FF0000; font-weight: bold; }
.bold { font-weight: bold; }


/**
* Tables
* Generic classes for table-width and design definition
*
* @section content-tables
*/

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }

th,td { padding: 0.5em; }
thead th {  }
tbody th {  }
tbody th.sub {  }

/**
* Miscellaneous
*
* @section content-misc
*/

hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.75em 0;
    padding: 0 0 0.75em 0;
    border:0;
    border-bottom: 1px #D6D6D6 solid;
}

.submit {
    background-color:#fff;	
    border:1px solid #6badad;	
    width:150px;
}

.thumbnail {
    float: left;
    width: 235px;
    border: 1px solid #999;
    margin: 0 7px 15px 7px;
    padding: 5px;
    text-align: center;
}

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

/*------------------------------------------------------------
* Top Navigation 
*------------------------------------------------------------*/

#nav-top {
    width: 100%;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 4px;
    height: 20px;
    margin-bottom: 5px; 
    font-weight: bold;
}

#nav-top ul {
    display: inline;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
}

#nav-top ul li {
    display: inline;
    list-style: none;
    margin: 0 15px;
}

/* see skin.css for link styles */

/*---------------------------------------------------------------------------*/

#logo {
    float: left;
}

#contact-top {
    padding-bottom: 25px;
    font-size: 95.9%; /* 12 x 0.959 = 11.5px */
}

#contact-top table td {
    padding: 0 .25em;
}

/* see skin.css for colour, font, and style of #contact-top */


/*---------------------------------------------------------------------------
* Left Column
*---------------------------------------------------------------------------*/
.searchbox { /* Provides uniform width for search fields */
    width: 140px;
    font-size: 8pt;
}

#content-left { font-size: 91.75%; } 	/* 11px */
#content-left h2,h3,h4,h5,h6 { margin: 0 0 .2em 0; padding: 0 0 .2em 0; }
#content-left h1 { font-size: 127.5% }                      /* 14px */
#content-left h2 { font-size: 109% }                      	/* 12px */
#content-left h3 { font-size: 100% }                        /* 11px */
#content-left h4 { font-size: 100% }                     	/* 11px */
#content-left h5 { font-size: 100% }                     	/* 11px */
#content-left h6 { font-size: 100%; font-style:italic; }		/* 11px */

#content-left h2 {
    /* see skin for colour */
    height: 20px;
    padding-top: 5px;
    margin: 0;
    margin-bottom: 5px;
}

#feature-properties ul {
    margin-top: .25em;
    margin-left: .25em;
    padding-left: .5em;
    margin-bottom: .5em;
}

#feature-properties ul li {
    list-style: url(/assets/images/skin/bullets/square_10x10_small_coloured.gif);
    list-style-position: inside;
    text-align: left;
}

#feature-properties .emphasize { font-size: 118.5%; /* 13px */}

a.featPropName { color: #505367; text-decoration: none; }
a.featPropName:focus,
a.featPropName:hover,
a.featPropName:active { color: #0570be; text-decoration:none; }


/*---------------------------------------------------------------------------
* Main Content
*---------------------------------------------------------------------------*/

/* ---- Availability Calendars -------------------------*/
table.calendar { background-color: white; border-collapse: separate; border-spacing: 8px; }
table.calendar td { text-align: center; border-spacing: 10px; padding: 3px; }
table.calendar td.available { background-color:#999999; font-weight: bold; color: white; border: 3px solid white; }
table.calendar td.booked { background-color: #990000; font-weight: bold; color: white; border: 3px solid white; }
table.calendar td.today { border: 3px solid cyan; }


.breadcrumb {
    font-size: 1.35em;
    line-height: 1.5em;
}

/* ---- Contact Forms -----------------------------------*/
#contact-form fieldset, #loginform fieldset {  
    margin: 1.5em 0 0 0;  
    padding: 0;
    border:1px solid #D6D6D6;
}

#contact-form legend, #loginform legend {  
    color: #505367;
    margin-left: 1em;  
    font-weight: bold;
}

#contact-form fieldset p, #loginform fieldset p{
    float: left;  
    clear: left;  
    width: 100%;  
    padding: 0; 
    margin-left: 1em;
}

#contact-form fieldset ol, #loginform fieldset ol {  
    padding: 0 1em 0 1em;  
    list-style: none;
}
#contact-form fieldset li, #loginform fieldset li {  
    float: left;  
    clear: left;  
    width: 100%;  
    padding-bottom: 0.75em;
}

#contact-form label, #loginform label {  
    display: block;
    float: left;  
    width: 5em;  
    margin-right: 1em; 
}

#contact-form fieldset.submit {  
    float: none;  
    width: auto;  
    text-align: right;
    border: 0 none #FFF;  
    padding-right: 100px;
}

.ol-form fieldset {  
    margin: 1.5em 0 0 0;  
    padding: 0;
    border:1px solid #D6D6D6;
}

.ol-form legend {  
    color: #505367;
    margin-left: 1em;  
    font-weight: bold;
}

.ol-form fieldset p {
    float: left;  
    clear: left;  
    width: 100%;  
    padding: 0; 
    margin-left: 1em;
}

.ol-form fieldset ol {  
    padding: 0 1em 0 1em;  
    list-style: none;
}
.ol-form fieldset li {  
    float: left;  
    clear: left;  
    width: 100%;  
    padding-bottom: 1em;
}

.ol-form label {  
    display: block;
    float: left;  
    width: 9em;  
    margin-right: 1em; 
}

.ol-form fieldset.submit {  
    float: none;  
    width: auto;  
    text-align: right;
    border: 0 none #FFF;  
    padding-right: 100px;
}

/* ---- Listings --------------------------------------------*/

.listing {
    margin-bottom: 10px;
}

.listing-top {
    background-color:#F4F4F4; 
    border-bottom:1px solid #336699;
    height: 30px;
    padding:5px;
}

.listing-top span {
    display: block;
}

.listing-top .column1 {  
    float: left;
    width: 80%;
    overflow: hidden;
}
.listing-top .column2 {  
    float:left;
    width: 20%;
    overflow: hidden;
    text-align: right;
}

.listing-col-1 {
    float:left; 
    overflow: hidden;
    margin: 10px 0px 10px 5px;
    width: 155px;
    height: 180px;
}

.listing-col-2 {
    margin-top: 10px;
    margin-left: 165px;
    margin-right: 152px;
    height: 180px;
}

.listing-col-3 {
    float:right; 
    overflow: hidden;
    margin: 10px 5px 10px 10px;
    width: 132px;
    height: 180px;
}

.listing-col-3 ul li {
    list-style-type: disc;
    padding-left: 0;
    margin-left: 0.5em;
    line-height: 1.25em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.listing tr {
    border-top:1px solid #336699; 
    background-color:#F4F4F4;
}

.listing table {
    padding-bottom: 0;
    margin-bottom: 0;
    width: 543px;
    background-color: #F4F4F4;
}

.listing table tr td,
.listing table tr th {
    text-align: center;
}

.listing-footer {
    text-align: center;
    clear: right;
}

/* ---- Property Details -------------------------------*/
#propertyDetails { text-align: left; }

.quick-details {
    margin-bottom: 0px;
    border:1px solid #D6D6D6;
}

.quick-details-top {
    background-color:#F4F4F4; 
    height: 30px;
    padding:5px;
}

.quick-details-top span {
    display: block;
}

.quick-details-top .column1 {  
    float: left;
    width: 88%;
    overflow: hidden;
}
.quick-details-top .column2 {  
    float:left;
    width: 12%;
    overflow: hidden;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
}
.quick-details-top .column2 img {
    float: left;
    vertical-align: middle;
}

.quick-details-col-1 {
    float:left; 
    overflow: hidden;
    margin: 10px 0px 10px 5px;
    width: 155px;
    height: 200px;
}

.quick-details-col-2 {
    margin-top: 10px;
    margin-left: 165px;
    margin-right: 152px;
    height: 200px;
}

.quick-details-col-3 {
    float:right; 
    overflow: hidden;
    margin: 10px 5px 10px 10px;
    width: 132px;
    height: 200px;
}

.quick-details-col-3 ul li {
    list-style-type: disc;
    padding-left: 0;
    margin-left: 0.5em;
    line-height: 1.25em;
    margin-bottom: 0;
    padding-bottom: 0;
}

#nav-property-details {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 4px;
    height: 20px;
    margin: 0 0 5px 0; 
}

#nav-property-details ul {
    margin: 0px;
    padding: 0px;
    line-height: 1em;
}

#nav-property-details ul li {
    display: inline;
    list-style: none;
    margin: 0 12px;
}

#nav-property-details ul li a {
    text-decoration: none;
    color:#FFFFFF;
}

#nav-property-details ul li a:focus,
#nav-property-details ul li a:hover,
#nav-property-details ul li a:active  { color: #00FFFF; text-decoration: none; }

.propertySubHead {
    font-size: 1.4em;
    color: #505367;
    margin-top: 2em;
    padding-bottom: 1em;
    background: #FFF;
}

.propertyId {
}

#propertyDetails img {
    text-align: center;
    display: block;
    border-style: none;
    margin: 5px 0 10px 0;
}

#unitAmenities {	
    background: url(/assets/images/skin/property-lft-col.png) repeat-y left top;	
    margin: 1em 0;
}

#unitAmenities ul {	
    margin: 0;	
    padding: 0;	
    padding-left: 13px;	
}

#unitAmenities ul li {	
    margin: 0;	
    padding: 0;
}

#unitAmenities .row {	
    border-bottom:1px solid #fff;	
    color:#333;	
    padding: 0;
}

hr.cleaner {	
    clear:both;	
    height:1px;	
    margin: -1px 0 0 0; 	
    padding:0;	
    border:none;	
    visibility: hidden;
}

#unitAmenities div span {
    display: block;
}

#unitAmenities .firstColumn{	
    float:left;	
    width: 150px;	
    margin-right: 1.5%;	
    padding:6px;
    padding-left:10px;	
    font-weight:bold;
}

#unitAmenities .column{	
    float:left;	
    width: 33%;	
    padding-top:6px;
}

#unitAmenities .doubleColumn{	
    float:left;	
    width:65%;	
    padding-top:6px;
}

#unitAmenities ul li {	
    list-style: url(/assets/images/skin/bullets/square_10x10_small.gif)
}

#unitAmenities ul li.longDescription {	
    list-style:none;	
    font-style:italic;
}

.clear {
    clear:both; 
    float:none;
}

.clearall {
    float:none; 
    clear:both; 
    overflow:hidden; 
    visibility:hidden; 
    padding:0; margin:0;
}

/* ---- Property Enquiry Form -------------------------- */

#propertyInquiry { 
    position:relative; 
}

div#enquiry-form label{	min-width:1em;} 

div#enquiry-form form{	
    padding:0;
}

div#enquiry-form span.required{	font-weight: bold;	color: #ff0000;	padding-left: 3px;}
div#enquiry-form span.required-txt{	
    color: #ff0000;	
    font-size: .9292em;	
    padding-left: 3px;	
    position: relative;	
    top: 20px;	
    margin-bottom: 1em;
}

div#enquiry-form div.form {	
    float:left;	
    width:530px;
    color:#333;		
}

div#enquiry-form input,div#enquiry-form select,div#enquiry-form textarea{	
    background-color:#fff;	
    border:1px solid #6badad;	
    width:220px;
}

div#enquiry-form span#comments-counter{	
    display:block;	
    font-style:italic;
}

div#enquiry-form {	
    background:url(/resources/4817/images/skin/gradient.gif) bottom left repeat-x;
    border: 1px solid #bed9ef;
}
div#enquiry-form div.form div.section{	border-bottom:1px solid #fff;	padding:0;}
div#enquiry-form div.label{	width:150px;	float:left;} 
div#enquiry-form div.label span{	display:block;	padding:1em;	font-weight:bold;} 
div#enquiry-form div.input{	padding:1em 1em .3em;	float:left;} 
div#enquiry-form div.input div.row{	margin-bottom:.5em;}
div#enquiry-form div.input div.row label{	width:100px;} 
div#enquiry-form div.horizontal div.field{	float: left;	margin-right:1em;}
div#enquiry-form div.input div.vertical label{	display:block;	margin-bottom:.2em;}
div#enquiry-form div.horizontal div.input label{	float:left; width: 150px;}

div#enquiry-form div.horizontal div.input .datepicker {	
    float:left;	
    width: 150px;
}

div#enquiry-form div.horizontal div.input #numberOfGuests {	
    float:left;	
    width: 150px;
}

div#enquiry-form div.horizontal div.input .datepicker{	
    background:#fff url("/assets/images/skin/calendar.png") 98% 1px no-repeat;
    cursor:default;
}
div#enquiry-form div.horizontal div.input label{	
    float:none;
}

div#enquiry-form textarea{	width:350px;}
div#enquiry-form div.languages{	width:300px;}
div#enquiry-form div.buttonRow div.column{	float:right;	padding-right: 2em;}


/* ---- Rental Agreement ------------------------------- */

#rentalAgreement ul li {
    list-style: url(/assets/images/skin/bullets/square_10x10_mediumsmall.gif)
}

#rentalAgreement ul ul li {
    list-style: url(/assets/images/skin/bullets/square_10x10_small_coloured.gif)
}

#rentalAgreement ul {
    margin-left: 25px;
}

.link-top {
    display: block;
    text-align: right;
    background: url(/assets/images/skin/top.gif) no-repeat right top;
    margin: 20px 0;
    padding-right: 30px;
    font-weight: bold;
}

/*---------------------------------------------------------------------------
* Footer
*---------------------------------------------------------------------------*/
#legal {
    margin: 20px 150px;
}

#nav-footer { 
    height: 25px; 
    text-align: center;
}

#nav-footer ul {
    padding-top: 2px;
    margin-left: 0;
    padding-left: 0;
}

#nav-footer ul li {
    margin-left: 0;
    padding: 0 15px;
    border-left: 1px solid #FFF;
    display: inline;
    list-style: none;
}

#nav-footer ul li.first {
    margin-left: 0;
    border-left: none;
    list-style: none;
    display: inline;
}

/* see skin.css for link style */