/* CSS Document */
/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}

ul,li {
	list-style-type:none;
}

.clear {
	clear:both;
}

hr {
	clear:both;
	visibility:hidden;
}

img {
	border:0;
}

body {
	background:#fff url("/website/images/body-bg.gif") repeat-x 0 0;
	font:68%/140% Verdana,Arial,Helvetica,sans-serif;
	color:#515151;
}

input.txt {
	font-size:1.1em;
	color:#515151;
}

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

#container-wrap {
	background:url("/website/images/container-wrap-bg.gif");
	position:relative;
	left:50%;
	width:774px;
	margin:0 0 20px -387px;
}

#container {
	background:url("/website/images/pro/container-bg.gif") no-repeat top;
	width:774px;
	min-height:400px;
/*	z-index:500;*/
}

#header h1 {
	background:url("/website/images/pro/opal-logo.gif") no-repeat;
	width:140px;
	height:60px;
	position:relative;
	top:6px;
	left:607px;
}

#header h1 span {
	display:none
}

#header h2 {
	background:url("/website/images/pro/opal-estates.gif") no-repeat;
	width:248px;
	height:9px;
	position:absolute;
	top:55px;
	left:509px;
}

#header h2 span {
	display:none
}

#content {
	position:relative;
	right:7px;
	margin:57px 0 0 0;
	width:578px;
	float:right;
}

#col-1 {
	position:relative;
	margin-top:32px;
	left:12px;
	width:253px;
	float:left;
}

#col-1-article-no-attachments {
	position:relative;
	margin-top:32px;
	padding:4px 0 0 0;
	left:12px;
	width:546px;
}

#col-2 {
	position:relative;
	left:24px;
	width:301px;
	float:left;
}

#swf-opal-banner {
	position:absolute;
	top:117px;
	left:50%;
	width:578px;
	height:150px;
	margin:0 0 0 -198px;

}

#sidebar-wrap {
	position:relative;
	right:11px;
	margin:57px 0 0 0;
	width:178px;
	float:right;
}

#footer {
	background:url("/website/images/footer-bg.gif") no-repeat top;
	padding:10px 26px 16px 26px;
}


/* Propperty Listings
-------------------------------------------------------------------*/
#listing-box {
	width:546px;
	height:150px;
	margin: 0 0 20px 0;
	background-image: url("/website/images/pro/background-listing.gif"); 
	background-repeat: repeat-x;
}

#listing-header {
	height: 16px;
	margin: 0 0 0 0;
	padding: 2px 0px 2px 0px;
	background-color:#868686;
	color:#FFFFFF;
}

#listing-header .left {
	padding-left:5px;
	float:left;
	width:451px;
}

#listing-header .right {
	width:90px;
	float:right;
}

#listing-header .icon-bed {
	float: left;
	width:45px;
	height:12px;
	background-image:url("/website/images/icon-bedroom-white.gif");
	background-repeat:no-repeat;
	background-position:center top;
	padding: 0 0 0 0;
	text-indent:0px;
}

#listing-header .icon-bath {
	float: left;
	width:45px;
	height:12px;
	background-image:url("/website/images/icon-bathroom-white.gif");
	background-repeat:no-repeat;
	background-position:center top;
}

#listing-text {
	width:400px;
	float:right;
	margin: 0 0 0 0;
}

#listing-text p {
	padding-bottom:1.3em;
}

#listing-text ul{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	/*text-indent: -1em;*/
	list-style-image:url(/website/images/dot-icon.gif);
	list-style-position:outside;
}

#listing-text .header h3 {
	padding-bottom: 4px;
	font-size:1.083em;
	
}
#listing-text .header h4 {
	padding-bottom:4px;
	font-size:1.083em;
}

#listing-moreinfo{
	float:right;
	margin:8px 0 5px 8px;
}

#listing-image {
	border-style:solid;
	border-color:#868686;
	border-width:1px;
	background-color:#FFFFFF;
	/*height:96px;
	width:126px;*/
	height:auto;
	width:auto;
	margin: 8px 5px 5px 5px;
	float:left;
}
#listing-image img {
	margin: 3px 3px 3px 3px;
}

/* Property Details
-------------------------------------------------------------------*/
#detail-large-image img {
	padding: 3px 3px 3px 3px;
	border-style:solid;
	border-width:1px;
	border-color:#868686;
}

#feature-box {
	width:200px;
	height:auto;
	float:right;
	position:relative;
	padding-left:5px;
	margin-left:5px;
}

#detail-feature-list {
	width:195px;
	border-style:solid;
	border-width:1px;
	border-color:#868686;
	float: right;
	position:relative;
	margin: 2px 0 2px 2px;
	padding: 2px 2px 2px 2px;
}

#detail-feature-list ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	/*text-indent: -1em;*/
	list-style-image:url(/website/images/dot-icon.gif);
	list-style-position:outside;
}

#detail-feature-list ul li {
/*
list-style-image:url(/website/images/dot-icon.gif);
list-style-position:inside;
*/
}

/* Article Tab menu 
-------------------------------------------------------------------*/
#article-tab-menu {
	background-image:url("/website/images/grey-bar.gif");
	background-position:bottom;
	background-repeat:no-repeat;
	width:546px;
	height:34px;
	margin-left:12px;
	padding-top:10px;
}

#article-tab-menu .centre-text {
	margin-top:9px;
}


#article-tab-menu .centre-text-active {
	margin-top:9px;
	color: #003300;
	font-weight: bold;
	text-decoration:underline;
}

#article-tab-menu .left-side {
	background-image:url("/website/images/inactive-menu-tab-left.gif");
	background-repeat:no-repeat;
	height:28px;
	width:7px;
	float:left;
	position:relative;
}

#article-tab-menu .centre-side {
	background-image:url("/website/images/inactive-menu-tab-centre.gif");
	background-repeat:repeat-x;
	height:28px;
	width:auto;
	float:left;
	position:relative;
}

#article-tab-menu .right-side {
	background-image:url("/website/images/inactive-menu-tab-right.gif");
	background-repeat:no-repeat;
	height:28px;
	width:7px;
	float:left;
	position:relative;
}

#article-tab-menu .left-side-active {
	background-image:url("/website/images/active-menu-tab-left.gif");
	background-repeat:no-repeat;
	height:28px;
	width:7px;
	float:left;
	position:relative;
}

#article-tab-menu .centre-side-active {
	background-image:url("/website/images/active-menu-tab-centre.gif");
	background-repeat:repeat-x;
	height:28px;
	width:auto;
	float:left;
	position:relative;
}

#article-tab-menu .right-side-active {
	background-image:url("/website/images/active-menu-tab-right.gif");
	background-repeat:no-repeat;
	height:28px;
	width:7px;
	float:left;
	position:relative;
}


#article-tab-menu ul {
	padding-left:13px;
}

#article-tab-menu ul li {
	display:block;
	float:left;
	padding: 6px 0px 0 0;
	color: #888888;
	font-weight: bold;
}

#article-tab-menu ul li a {
	color: #888888;
	font-weight: bold;
	text-decoration: none;
}

#article-tab-menu ul li a:hover, #article-tab-menu ul li a:focus {
	color:#003300;
}



/* main Article
------------------------------------------------------------------*/
#content-title {
	position:relative;
	margin-top:20px;
	margin-bottom:5px;
	left:12px;
	width:546px;
	height:1.5em;
	border-bottom:2px solid #e9ebf1;
}

#content-title h3 {
	background:url("/website/images/pro/ico-home.gif") no-repeat 0px 3px;
	font-size:1.2em;
	color:#515151;
	padding:0 0 0 16px;
	display:inline;
	float:left;
}

#content-title .icons {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#content-title .bedrooms {
	float: right;
	width:45px;
	height:12px;
	background-image:url("/website/images/pro/icon-bedroom.gif");
	background-position:center top;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	text-indent:0px;
	color:#003300;
}

#content-title .bathrooms {
	float: right;
	width:45px;
	height:12px;
	background-image:url("/website/images/pro/icon-bathroom.gif");
	background-position: center top;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	text-indent:0px;
	color:#003300;
}

#content-title .next {
	float:right;
	margin:4px 0 0 0;
}
#content-title .previous {
	float:left;
	margin:4px 0 0 0;
}

#content-body-home {
	position:relative;
	margin: 10px 0 0 0;
	width:253px;
	height:auto;
	float:left;
}

#content-body-home p {
	margin:0 0 1em 0;
}

#content-body-full {
	position:relative;
	margin: 15px 0 0 0;
	left:12px;
	width:546px;
	height:auto;
	float:left;
}

#content-body-short {
	position:relative;
	margin: 15px 0 0 0;
	left:12px;
	width:400px;
	height:auto;
	float:left;
}

#content-body-full ul, #content-body-short ul {
	margin:10px 0 10px 20px;
}
/*
#content-body-full li, #content-body-short li {
	list-style-image:url("/website/images/list-grey-bullet.gif");
}*/

#content-body-full h2, #content-body-short h2 {
	font-size: 1.2em;
}

#content-body-full h3, #content-body-short h3 {
	font-size: 1.1em;
}


#content-attachments {
	margin:17px 0 0 0;
	position:relative;
	height:auto;
	float: right;
	width: 150px;
}

#content-attachments li {
	margin-right: 22px;
	padding: 0 0 7px 0;
	color:#003300;
	font-weight:bold;
}

#content-attachments img {
	margin: 5 5 5 5;
	border-style: solid;
	border-color:#e9ebf1;
	border-width:1px;
}

div.BookingLink {
	/*width:170px;*/
	padding-left:28px;
	height:19px;
	background:url('/website/images/pro/booking-btn-bg.gif') no-repeat;
	background-position: top right;
	margin:4px 0px;
}

div.BookingLink a {
	font-weight:bold;
	color:#fff;
	line-height:17px;
	text-decoration:none;
}

div.BookingLink a:hover, a.BookingLink a:focus {
	color:#e1f6e6;
}

div.BookingLink1 {
	/*width:170px;*/
	padding-left:28px;
	height:19px;
	background:url('/website/images/pro/booking-btn-bg-nologo.gif') no-repeat;
	background-position: top right;
	margin:4px 0px;
}

div.BookingLink1 a {
	font-weight:bold;
	color:#fff;
	line-height:17px;
	text-decoration:none;
}

div.BookingLink1 a:hover, a.BookingLink1 a:focus {
	color:#e1f6e6;
}


/* Parts
------------------------------------------------------------------*/
div.part {
	margin:16px 0 0 0;
}

div.part p {
	height:1%;
}



/* Search Box
-------------------------------------------------------------------*/
#search-box{
	width:178px;
	height:auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#search-top-bar {
	background-image:url("/website/images/pro/search-top.gif");
	background-repeat:no-repeat;
	width:178px;
	height:18px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#search-middle-bar {
	background-image:url("/website/images/pro/search-middel.gif");
	background-repeat:repeat-y;
	width:168px;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	color:#FFFFFF;
	font-weight:bolder;
}

#search-bottom-bar {
	background-image:url("/website/images/pro/search-bottom.gif");
	background-repeat:no-repeat;
	width:178px;
	height:13px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/* SEARCH BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 0 0 0;
    cursor:pointer;
    padding:0 0 0 0; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:0 0 0 0; /* IE6 */
}
.buttons button[type]{
    padding:0 0 0 0; /* Firefox */
    line-height:23px; /* Safari */
}
*:first-child+html button[type]{
    padding:0 0 0 0; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 0 0 0 !important;
    padding:0;
    border:none;
    width:78px;
    height:23px;
}




/* Opal Group link list
------------------------------------------------------------------*/

#part-link-collection h3 {
	display:none;
}

#part-link-collection ul {
	width:178px;
	height:auto;
}


#part-link-collection ul li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:20px;

}

#part-link-collection ul li.first {
	background-image:url("/website/images/pro/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:178px;
	height:23px;
	color:#ffffff;
	font-weight:bold;
	line-height:2em;
}

#part-link-collection ul li.first a {
	background-image:url("/website/images/pro/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:178px;
	height:23px;
}

#part-link-collection ul li a {
	background-image:url("/website/images/pro/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px -23px;
	width:178px;
	height:23px;
	border:0;
	display:block;
	text-decoration:none;
}

#part-link-collection ul li.last a {
	background-image:url("/website/images/pro/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px -46px;
	width:178px;
	height:23px;
}

#part-link-collection ul li a {
	color:#ffffff;
	font-weight:bold;
	line-height:2em;
}

#part-link-collection ul li.first a:link,
li.first a:visited {
	background-position:0px 0px;
	line-height:2em;
}

#part-link-collection ul li.first a:hover,
li.first a:focus {
	background-position:-178px 0px;
	line-height:2em;
}

#part-link-collection ul li a:link,
li a:visited {
	background-position:0px -23px;
}

#part-link-collection ul li a:hover,
li a:focus {
	background-position:-178px -23px;
}

#part-link-collection ul li.last a:link,
li.last a:visited {
	background-position:0px -46px;
	line-height:2em;
}

#part-link-collection ul li.last a:hover,
li.last a:focus {
	background-position:-178px -46px;
	line-height:2em;
}


/* Part Heading
------------------------------------------------------------------*/
#part-heading {
	padding:8px 0 0 0;
}

#part-heading h3 {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:1.9em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-0.1em;
	line-height:1em;
	color:#6c6c6c;
}

#part-heading h3 span {
	color:#a6a6a6;
}

#part-heading h4 {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:1em;
	text-transform:uppercase;
	letter-spacing:-0.008em;
	color:#515151;
}


/* Secondary Navigation
------------------------------------------------------------------*/


#nav-secondary {
	top:-30px;
	width:178px;
	height:150px;
	background:url("/website/images/pro/nav-secondary.gif") no-repeat 0 0;
}

#nav-secondary ul{ 
	float:left;
	text-indent: 15px;
	font-size:90%;
}

#nav-secondary ul li a {
	border:0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#4d5b4d;
	font-weight:bold;
	text-decoration:none;
	list-style-image: url("/website/images/pro/dot-icon.gif");
	list-style-position: inside;
}

li#first, li#first a {
	margin-top:30px;
	width:170px;
}

li#second, li#second a {
	margin-top:16px;
	width:170px;
}

li#third, li#third a {
	padding-top:16px;
	width:165px;
}

li#forth, li#forth a {
	padding-top:16px;
	width:165px;
}


li#first a:hover, li#first a:focus {
	text-indent:20px;
	font-weight:bold;
	color:#000000;
}

li#first a:link, li#first a:visited {
}

li#second a:hover, li#second a:focus {
	text-indent:20px;
	font-weight:bold;
	color:#000000;
}

li#second a:link, li#second a:visited {
}

li#third a:hover, li#third a:focus {
	text-indent:20px;
	font-weight:bold;
	color:#000000;
}

li#third a:link, li#third a:visited {
}

li#forth a:hover, li#forth a:focus {
	text-indent:20px;
	color:#000000;
	font-weight:bold;
}

li#forth a:link, li#forth a:visited {

}


/* Part Menu navigation flyout List
------------------------------------------------------------------*/
#part-location-list h3 {
	display:none;
}

#part-location-list ul {
	width:178px;
	height:auto;
}

#part-location-list ul li.first {
	background-image:url("/website/images/pro/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:178px;
	height:23px;
	color:#ffffff;
	font-weight:bold;
	line-height:2em;
}

#part-location-list ul li.first a {
	background-image:url("/website/images/pro/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:178px;
	height:23px;
}

#part-location-list ul li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:20px;
}

#part-location-list ul li a {
	background-image:url("/website/images/pro/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px -23px;
	width:178px;
	height:23px;
	border:0;
	display:block;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	line-height:2em;
}

#part-location-list ul li.last a {
	background-image:url("/website/images/pro/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px -46px;
	width:178px;
	height:23px;
}


#part-location-list ul li.first a:link,
li.first a:visited {
	background-position:0px 0px;
	line-height:2em;
}

#part-location-list ul li.first a:hover,
li.first a:focus {
	background-position:-178px 0px;
	line-height:2em;
}

#part-location-list ul li a:link,
li a:visited {
	background-position:0px -23px;
}

#part-location-list ul li a:hover,
li a:focus {
	background-position:-178px -23px;
}

#part-location-list ul li.last a:link,
li.last a:visited {
	background-position:0px -46px;
	line-height:2em;
}

#part-location-list ul li.last a:hover,
li.last a:focus {
	background-position:-178px -46px;
	line-height:2em;
}


/* Part Location List Suckerfish Dropdowns
------------------------------------------------------------------*/
#part-location-list li ul {
	position:absolute;
	background:transparent;
	margin-left:89px;
	width:156px;
	height:auto;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#part-location-list li:hover ul,
#part-location-list li.sfhover ul,
#part-location-list li.sfhover2 ul { /* lists nested under hovered list items */
	left:0em;
}

#part-location-list li li,
#part-location-list li.first li,
#part-location-list li.last li {
	width:156px;
	background:#868686;
	text-indent:0;
	height:23px;
}

#part-location-list li li a,
#part-location-list li.first li a,
#part-location-list li.last li a {
	width:156px;
	height:23px;
	line-height:2em;
}

#part-location-list li li a:link,
#part-location-list li li a:visited,
#part-location-list li.first li a:link,
#part-location-list li.first li a:visited,
#part-location-list li.last li a:link,
#part-location-list li.last li a:visited {
	width:156px;
	height:23px;
	line-height:2em;
	text-indent:8px;
	background:none;
	color:#fff;
}

#part-location-list li li a:hover,
#part-location-list li li a:focus,
#part-location-list li.first li a:hover,
#part-location-list li.first li a:focus,
#part-location-list li.last li a:hover,
#part-location-list li.last li a:focus {
	width:156px;
	height:23px;
	line-height:2em;
	color:#000000;
	background:#cccccc;
}


/* Global Navigation
------------------------------------------------------------------*/
#nav-global {
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -360px;
	width:148px;
	height:26px;
	background:url("/website/images/pro/nav-global.gif") no-repeat 0 0;
}

#nav-global ul li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;
}

#nav-global ul li a {
	border:0;
	display:block;
	text-decoration:none;
	background:url("/website/images/pro/nav-global.gif") no-repeat;
}

li#home a {
	width:42px;
	height:26px;
}

li#contact a {
	width:41px;
	height:26px;
}

li#sitemap a {
	width:42px;
	height:26px;
}

li#home a:hover, li#home a:focus {
	background-position:0px -26px;
}

li#contact a:link, li#contact a:visited {
	background-position:-42px 0px;
}


li#contact a:hover, li#contact a:focus {
	background-position:-42px -26px;
}

li#sitemap a:link, li#sitemap a:visited {
	background-position:-83px 0px;
}

li#sitemap a:hover, li#sitemap a:focus {
	background-position:-83px -26px;
}

/* Global Navigation "active tabs"
------------------------------------------------------------------*/
body.home #nav-global ul li#home a {
	background-position:0px -26px;
}

body.contact #nav-global ul li#contact a {
	background-position:-42px -26px;
}

body.sitemap #nav-global ul li#sitemap a {
	background-position:-83px -26px;
}

/* Footer
------------------------------------------------------------------*/
#footer,
#footer a:link,
#footer a:visited {
	font-size:0.9em;
	color:#acacac;
	text-decoration:none;
}

#footer a:hover,
#footer a:focus {
	text-decoration:underline;
}

/* Home
------------------------------------------------------------------*/
body.home #col-banner {
	width:578px;
	height:119px;
	padding: 0 0 8px 0;
}
body.home #col-banner2 {
	width:578px;
	height:119px;
	padding: 0 0 15px 0;
}