/* Cocoon Real Estate Base CSS */

* {
margin : 0;
padding : 0;
}

html {
background-color : #e3e3e3;
}

body {
width : 719px;
margin : 0 auto;
font-family : 'Arial', 'Helvetica', sans-serif;
font-size : 76%;
}

a img {
border: none;
}


/* Structure
------------*/

#header {
background-image : url(http://www.cocoonrealestate.com.au/img/header_bg.gif);
background-repeat : no-repeat;
background-position : left top;
}

#header img { /*Logo positioning*/
padding : 13px 0 0 11px;
display : block;
}

#menu,
#content {
background-image : url(http://www.cocoonrealestate.com.au/img/content_bg.gif);
background-repeat : repeat-y;
padding : 0 11px;
}

#content #feature_imgs {
margin-bottom : 15px;
}

#content #feature_imgs #randImg1,
#content #feature_imgs #randImg2,
#content #feature_imgs #randImg3 {
border-top : 1px solid #684F40;
border-bottom : 1px solid #684F40;
}

#content #feature_imgs #randImg1,
#content #feature_imgs #randImg2 {
margin-right : 1px;
}

#content #feature_imgs #randImg1 {
border-left : 1px solid #684F40;
}

#content #feature_imgs #randImg3 {
border-right : 1px solid #684F40;
}

#footer {
background-image : url(http://www.cocoonrealestate.com.au/img/footer_bg.gif);
background-repeat : no-repeat;
background-position : bottom left;
padding : 0 11px 1px 11px;
}

#footer-outer {
background-image : url(http://www.cocoonrealestate.com.au/img/footer_outer.gif);
background-repeat : no-repeat;
height : 54px;
}

/* Footer content
-----------------*/

#footer #contactdetails {
border-top : 1px solid #684f40;
background-color : #d4171f;
color : #f8dadb;
height : 2em;
}

#footer #contactdetails h2 {
display : inline;
font-size : 1em;
padding : 4px 0 0 10px;
float : left;
}

#footer #contactdetails ul {
float : right;
list-style-type : square;
list-style-position : inside;
padding-right : 8px;
}

#footer #contactdetails li {
float : left;
font-size : 0.9em;
margin-right : 5px;
padding-top : 5px;
}

#footer #contactdetails a:link,
#footer #contactdetails a:visited {
color : #f8dadb;
text-decoration : none;
}

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

#footer #footdetails {
border-top : 2px solid #fff;
background-color : #684f40;
color : #cdc5c0;
font-size : 0.9em;
}

#footer #footdetails .links {
color : #8e7b70;
float : left;
padding : 4px 0 4px 10px;
}

#footer #footdetails a:link,
#footer #footdetails a:visited {
color : #cdc5c0;
text-decoration : none;
}

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

#footer #footdetails .publisher {
text-align : right;
padding : 4px 10px 4px 0;
}

/* General Styles
-----------------*/

#content {
color : #684f40;
}

#content h1 {
font-size : 1.2em;
font-style : italic;
border-bottom : 1px solid #dbd7d6;
margin : 0 18px 10px 18px;
}

#content h2 {
font-size : 1.1em;
font-style : italic;
margin-bottom : 10px;
color : #c41219;
}

#content a:link, #content a:visited {
color : #666;
text-decoration : underline;
}

#content a:hover {
color : #c41219;
text-decoration : underline;
}

/* =Form Fields and =Buttons
-------------------*/

.button {
background-color : #d4171f;
color : #fff;
padding : 0 2px 0 2px;
font-family : 'Arial', 'Helvetica', sans-serif;
font-size : 1em;
font-weight : normal;
text-align : center;
border : 1px solid #684f40;
}

fieldset {
	margin: 10px 15px;
}

/* Home
--------*/

body#home #content {
overflow : hidden;
}

body#home #content h1 {
margin : 0 28px 10px 18px;
}

body#home #search,
body#home #news,
body#home #pow {
height : 250px;
}

body#home #search {
width : 232px;
border-right : 1px dashed #684f40;
float : left;
}

body#home #search p {
margin-bottom : 10px;
font-size : 0.9em;
}

body#home #search form {
padding : 0 18px;
}

body#home #search label {
display : block;
margin-bottom : 5px;
font-weight : bold;
}

body#home #search select {
font-size : 0.9em;
width : 181px;
border : 1px solid #675040;
padding : 1px;
}

body#home #search .price select {
width : 80px;
}

body#home #search #propertysearch_submit {
text-align : right;
padding-right : 13px;
}

body#home #search #propertysearch_submit input {
background-color: #6e0009;
color : #fff;
font-size : 0.9em;
padding : 0 5px;
}

body#home #search .buyingrenting_select label {
display : inline;
padding : 0 20px 0 5px;
font-weight : normal;
}

body#home #news {
width : 231px;
border-right : 1px dashed #684f40;
float : left;
}

body#home #news h2 {
font-size: 1em;
margin : 0 18px;
}

body#home #news p {
margin: 0 18px 10px 18px;
}

body#home #news a {
color : #684f40;
}

body#home #news h2 a:link, 
body#home #news h2 a:visited {
text-decoration : none;
}

body#home #news h2 a:hover {
text-decoration : underline;
}

body#home #POW {
width : 232px;
float : left;
}

body#home #POW p {
margin : 0 18px 0 18px;
}

body#home #POW img {
border : 1px solid #684f40;
margin-bottom : 5px;
}

body#home #POW a:link, 
body#home #POW a:visited {
color : #684f40;
}

/* Dynamic Text
----------------*/

body.dynamic #content {
padding-bottom: 10px;
}

body.dynamic #content h2,
body.dynamic #content h3 {
margin-left: 18px;
margin-right: 18px;
}

body.dynamic #content h3 {
font-size: 1em;
}

body.dynamic #content p {
margin: 0 18px 17px 18px;
}

body.dynamic #content #bodyimg1 {
float: right;
margin: 0 18px 10px 10px;
border: 1px solid #684F40;
}

body.dynamic #content #bodyimg2 {
float: left;
margin: 0 20px 10px 18px;
border: 1px solid #684F40;
}

body.dynamic #content #foot_clear {
clear: both;
}

body.dynamic #propertysearch_submit {
text-align : right;
padding-right : 13px;
}

body.dynamic #propertysearch_submit input {
background-color: #6e0009;
color : #fff;
font-size : 0.9em;
padding : 0 5px;
}

/* =search xsl
----------------*/

body#xsl_search #content h1 {
padding-top : 18px;
}

body#xsl_search #content p {
margin : 0 18px 10px 18px;
}

body#xsl_search #content table.item {
background-color : #fff;
padding : 0 18px 0 18px;
width : 100%;
height : 140px;
border-bottom: 8px solid #fff;
}

body#xsl_search #content table.item tr.row:hover {
background-color : #eee;
}

body#xsl_search #content table.item td.photo {
width : 215px;
border-top : 1px solid #684f40;
border-bottom: 1px solid #684f40;
border-left : 1px solid #684f40;
}

body#xsl_search #content table.item td.photo img {
display: block;
}

body#xsl_search #content table.item td.main {
padding : 10px;
border-top : 1px solid #684f40;
border-right : 1px solid #684f40;
border-bottom: 1px solid #684f40;
}

body#xsl_search #content table.item td.main table.content {
width : 100%;
height : 140px;
padding : 7px 7px 3px 7px;
}

body#xsl_search #content table.item td.main table.content table td h1 {
border : none;
margin : 0;
padding : 0;
vertical-align : top;
}

body#xsl_search #content table.item td.main table.content td.icon {
height : 25px;
width : 125px;
font-weight : bold;
}

body#xsl_search #content table.item td.main table.content td.icon img {
margin : 0 5px 0 5px;
}

body#xsl_search #content table.item td.main table.content td.address {
width : 220px;
border-right : 1px solid #684f40;
}

body#xsl_search #content table.item td.main table.content td.description {
width : 220px;
padding-left : 10px;
}

/* =detail xsl
----------------*/

body#xsl_detail #content h1 {
padding-top : 18px;
margin-bottom : 0;
}

body#xsl_detail #content div.icon {
position : relative;
left : 555px;
top : -20px;
text-align : right;
width : 125px;
font-weight : bold;
}

body#xsl_detail #content div.icon img {
margin : 0 5px 0 5px;
}

body#xsl_detail #content #main {
width : 422px;
float : left;
padding-left : 18px;
}

body#xsl_detail #content #main img.photo {
border : 1px solid #684f40;
margin-bottom : 10px;
}

body#xsl_detail #content #main h1.sold {
background-color : #f7f6f5;
color : #c41219;
padding : 4px 0 4px 0;
margin : 0 0 10px 0;
border-top : 2px solid #c41219;
border-bottom : 2px solid #c41219;
text-align : center;
text-transform : uppercase;
}

body#xsl_detail #content #main h1.address {
padding-top : 0;
margin : 0 0 10px 0;
}

body#xsl_detail #content #main p {
margin : 0 0 10px 0;
}

body#xsl_detail #content #main #optionsbox {
background-color : #f7f6f5;
width : 150px;
margin : 0 0 10px 10px;
padding : 10px;
border : 1px solid #684f40;
float : right;
}

body#xsl_detail #content #main #optionsbox h2 {
margin-bottom : 9px;
}

body#xsl_detail #content #main #optionsbox img {
margin-right : 5px;
}

body#xsl_detail #content #main #optionsbox p {
margin : 1px 0 0 0;
}

body#xsl_detail #content #sidebar {
width : 240px;
float : right;
}

body#xsl_detail #content #sidebar img.photo {
border : 1px solid #684f40;
margin-bottom : 10px;
}

body#xsl_detail #content #sidebar p.note {
padding-right : 18px;
text-align : center;
}

/* =print xsl
----------------*/

body#xsl_print {
width : 645px;
}

body#xsl_print #header {
background-image : url(http://www.cocoonrealestate.com.au/img/print_header_bg.gif);
}

body#xsl_print #content {
background-image : url(http://www.cocoonrealestate.com.au/img/print_bg.gif);
}

body#xsl_print #content #printbut {
position : relative;
left : 240px;
top : -43px;
}

body#xsl_print #content h1 {
margin-bottom : 0;
}

body#xsl_print #content div.icon {
position : relative;
left : 481px;
top : -19px;
text-align : right;
width : 125px;
font-weight : bold;
}

body#xsl_print #content div.icon img {
margin : 0 5px 0 5px;
}

body#xsl_print #content #main {
width : 352px;
float : left;
padding-left : 18px;
}

body#xsl_print #content #main img.photo {
border : 1px solid #684f40;
margin-bottom : 10px;
}

body#xsl_print #content #main h1.sold {
background-color : #f7f6f5;
color : #c41219;
padding : 4px 0 4px 0;
margin : 0 0 10px 0;
border-top : 2px solid #c41219;
border-bottom : 2px solid #c41219;
text-align : center;
text-transform : uppercase;
}

body#xsl_print #content #main h1.address {
padding-top : 0;
margin : 0 0 10px 0;
}

body#xsl_print #content #main p {
margin : 0 0 10px 0;
}

body#xsl_print #content #sidebar {
width : 240px;
float : right;
}

body#xsl_print #content #sidebar img.photo {
border : 1px solid #684f40;
margin-bottom : 10px;
}

body#xsl_print #content #sidebar p.note {
padding-right : 18px;
text-align : center;
}

body#xsl_print #footer {
background-image : url(http://www.cocoonrealestate.com.au/img/print_bg.gif);
background-position : top left;
}

body#xsl_print #footer-outer {
display : none;
}

body#xsl_print #contactdetails {
display : none;
}

body#xsl_print #footer #footdetails .links {
display : none;
}

/* =slide - XSL Slide Show
------------------*/

body#xsl_slide {
width : auto;
}

body#xsl_slide #content {
background-image : none;
}

body#xsl_slide #content h1 {
padding-top : 18px;
}

#xsl_slide #content .button {
margin : 2px;
}

#xsl_slide #content table td img {
border : 1px solid #684f40;
}

/* =inspection xsl
------------*/

body#xsl_inspect #content h1 {
padding-top : 18px;
}

body#xsl_inspect #ofi_list {
padding : 8px 18px 8px 18px;
width: 100%;
}

body#xsl_inspect .date td {
background-color : #684f40;
color : #fff;
padding : 4px 0 4px 5px;
}

body#xsl_inspect tr.items:hover {
background-color : #e3e3e3;
}

body#xsl_inspect .items td {
padding : 4px 0;
}

body#xsl_inspect .stripe {
background-color : #f7f6f5;
}

body#xsl_inspect #ofi_list td.address {
padding-left: 5px;
}

body#xsl_inspect #ofi_list td.time {
padding-right: 5px;
padding-left: 5px;
width : 200px;
}

body#xsl_inspect #ofi_list td.link {
padding-right: 5px;
width : 150px;
text-align : right;
}

/* News
-------*/

body#news #latestnews {
width: 495px;
float: left;
border-right: 1px dashed #F8DADB;
}

body#news #latestnews h2,
body#news #newsarchive h2 {
margin-bottom: 0;
}

body#news #newsarchive {
width: 200px;
float: right;
}

body#news #newsarchive p {
margin-bottom: 5px;
}

body#news #newsarchive .sidebar_content {
margin-bottom: 20px;
}

body#newsarchive .newsitem {
margin: 0 18px 15px 18px;
border-bottom: 1px dashed #F8DADB;
}

body#newsarchive .newsitem p,
body#newsarchive .newsitem h2 {
margin-left: 0;
margin-right: 0;
}

/* Testimonials
----------------*/

body#testimonials .item img {
border: 1px solid;
float: left;
margin: 0 10px 5px 18px;
display: none;
}

body#testimonials .item {
clear: both;
margin-bottom: 25px;
}

body#testimonials .item h2,
body#testimonials .item p {
margin-bottom: 2px;
}

/* Links
--------*/

body#links #content .linkitem {
margin-bottom: 15px;
}

body#links #content .linkitem p {
margin-bottom: 2px;
}