﻿
body
{
    background: #F1EFE7;
    margin: 6px 0 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a, a:visited
{
    color: #689BA4;
    text-decoration: none;
}

h1
{
    font-family: Arial, Helvetica, sans-serif;
    color: #388A9C;
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 16px;
}

h2
{
    color: #4A4A4A;
    font-weight: normal;
}

#container
{
    width: 960px;
    margin: 0 auto 0 auto;
}

#leftbar
{
    width: 235px;
    background: url(/images/leftbar.jpg);
    float: left;
    min-height: 800px;
}

#homepagecontainer #leftbar
{
    min-height: 0;
}

#rightbar
{
    background: #E6E1CE;
    width: 725px;
    float: left;
    min-height: 900px;
}

#rightbar .content
{
    padding: 40px 20px 20px 20px;
    min-height: 900px;
}

#homepagecontainer #rightbar .content, #homepagecontainer #rightbar
{
    min-height: 0;
}


#mainnav ul
{
    margin: 200px 30px 40px 40px;
    padding: 0;
    border-bottom: 1px dotted #fff;
}

#mainnav li
{
    border-top: 1px dotted #fff;
    list-style: none;
    padding: 0;
    margin: 0;
}


#mainnav a, #mainnav a:visited
{
    color: #fff;
    text-decoration: none;
    padding: 4px 0 4px 0;
    display: block;
}

#mainnav ul li ul
{
    margin: 0;
    padding: 0;
    border: none;
}

#mainnav li.selected
{
    font-weight: bold;
}

#mainnav li.unselected, #mainnav li li
{
    font-weight: normal;
}

#mainnav ul li ul li
{
    padding-left: 10px;
    font-size: 11px;
}

#leftbar #search
{
    margin: 20px 30px 200px 40px;
}

#leftbar #search form
{
    margin: 0;
}

#leftbar #search h4
{
    font-size: 12px;
    margin: 0 0 6px 0;
    color: #fff;
    padding: 0;
}
#leftbar #search .checkboxes
{
    margin: 10px 0 20px 0;
}

#leftbar #search .checkboxes div
{
    padding-right: 4px;
    float: left;
}

#leftbar #search .checkboxes input
{
    margin: 2px 2px 0 0;
    display: block;
    float: left;
    font-size: 12px;
}

#leftbar #search span
{
    color: #fff;
    display: block;
    float: left;
    margin: 0 0 0 0;
    padding: 1px 0 0 0;
    font-size: 12px;
}

#leftbar #search .button
{
    margin: 12px 0 0 0;
}

#leftbar #search select
{
    width: 160px;
    font-size: 11px;
    margin: 2px 0 2px 0;
}
div#tabs
{
    height: 31px;
}

div#tabs ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

div#tabs li
{
    float: left;
    text-align: center;
    height: 31px;
    background: #DFD6B6;
    margin-right: 4px;
}
div#tabs li.current
{
    background: #F2F4F1;
}
div#tabs li a
{
    display: block;
    color: #000;
    padding: 10px 16px 0 16px;
}

ul#tabs
{
    margin: 0;
    padding: 0;
    clear: both;
    float: none;
    height: 31px;
}

ul#tabs li
{
    list-style: none;
    margin: 0 3px 0 0;
    float: left;
    height: 31px;
}

ul#tabs div.tableft
{
    width: 5px;
    height: 31px;
    background: url(/images/tab-left.gif) no-repeat #DFD6B6;
    float: left;
}

ul#tabs div.tabright
{
    width: 5px;
    height: 31px;
    background: url(/images/tab-right.gif) no-repeat #DFD6B6;
    float: left;
}
ul#tabs li span
{
    padding: 6px 20px 0 20px;
    display: block;
    float: left;
    cursor: hand;
}

ul#tabs li a, ul#tabs li a:visited
{
    background: #DFD6B6;
    float: left;
    height: 31px;
    display: block;
    color: #01000B;
    text-decoration: none;
    font-weight: normal;
}





ul#tabs li.selected div.tableft
{
    width: 5px;
    height: 31px; /*background: url(/images/tab-left-selected.gif) no-repeat #DFD6B6;*/
    background: url(/images/tab-left.gif) no-repeat #F2F4F1;
    float: left;
}

ul#tabs li.selected div.tabright
{
    width: 5px;
    height: 31px; /*background: url(/images/tab-right-selected.gif) no-repeat #DFD6B6;*/
    background: url(/images/tab-right.gif) no-repeat #F2F4F1;
    float: left;
}

ul#tabs li.selected a, ul#tabs li.selected a:visited
{
    /*background: #DFD6B6;*/
    background: #F2F4F1;
    float: left;
    height: 31px;
    display: block;
    color: #01000B;
    text-decoration: none;
}






.tabpanel
{
    background-color: #F2F4F1;
}

.tabpanel .tabcontent
{
    padding: 12px 12px 12px 12px;
}

#productDetail .tabpanel .tabcontent
{
}

.tabcontenttext
{
    padding: 20px;
}


.attributeList
{
    height: 20px;
}
.attributeList div
{
    float: left;
    margin-right: 6px;
    text-align: right;
}
.attributeList div label
{
    margin-right: 11px;
    color: white;
    margin-top: 2px;
    display: block;
}


/* ATTRIBUTE ICONS */
.attributeList .icon_bedroom
{
    background-image: url(/images/icons/bedroom.png);
    width: 67px;
    height: 20px;
}
.attributeList .icon_bathroom
{
    background-image: url(/images/icons/bathroom.png);
    width: 42px;
    height: 20px;
}

.attributeList .icon_bath
{
    background-image: url(/images/icons/bath.png);
    width: 42px;
    height: 20px;
}

.attributeList .icon_carport
{
    background-image: url(/images/icons/carport.gif);
    width: 36px;
    height: 20px;
}
.attributeList .icon_aircon
{
    background-image: url(/images/icons/aircon.gif);
    width: 33px;
    height: 20px;
}
.attributeList .icon_internet
{
    background-image: url(/images/icons/internet.gif);
    width: 33px;
    height: 20px;
}
.attributeList .icon_dining
{
    background-image: url(/images/icons/coffee.gif);
    width: 36px;
    height: 20px;
}
.attributeList .icon_dvd
{
    background-image: url(/images/icons/dvd.gif);
    width: 41px;
    height: 20px;
}
.attributeList .icon_bbq
{
    background-image: url(/images/icons/bbq.png);
    width: 42px;
    height: 20px;
}
.attributeList .icon_cd
{
    background-image: url(/images/icons/cd.png);
    width: 32px;
    height: 20px;
}
.attributeList .icon_pool
{
    background-image: url(/images/icons/pool.png);
    width: 35px;
    height: 20px;
}






/* PRODUCT DETAIL IMAGES */


#productDetail .images
{
    width: 630px;
    margin-bottom: 10px;
    margin-top: 12px;
}
#productDetail .images .mainimage
{
    float: left;
    width: 540px;
    border: 1px solid #fff;
    height: 342px;
    overflow: hidden;
}



#productDetail .images .mainimage img
{
}
#productDetail .images .thumbs
{
    width: 60px;
    float: left;
}
#productDetail .images .thumbs img
{
    display: block;
    margin-left: 12px;
    margin-bottom: 12px;
}

#productDetail .lowerPane
{
    border-bottom: solid 1px #ccc;
}
#productDetail .lowerPane .description
{
    float: left;
    width: 400px;
    border-right: 1px solid #ccc;
    padding: 0 20px 50px 0;
    font-size: 11px;
    line-height: 150%;
}
#productDetail .lowerPane .buttons
{
    width: 192px;
    float: right;
    margin: 10px 30px 0 0;
}
#productDetail .lowerPane .buttons img, #productDetail .lowerPane .buttons a
{
    border: none;
}
#productDetail .lowerPane .buttons ul
{
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}


#productDetail .lowerPane .buttons li
{
    background: url(/images/rightarrow.gif) no-repeat 2px 4px;
}

#productDetail .lowerPane .buttons li a, #productDetail .lowerPane .buttons li a:visited
{
    color: #000;
    text-decoration: none;
    font-size: 11px;
    margin-left: 20px;
}








#productlist .category
{
    background: #F2F4F1;
    width: 650px;
    padding: 10px 10px 0 10px;
    margin-bottom: 10px;
    clear: both;
    float: none;
}

#productlist .category div.catimage
{
    width: 229px;
    height: 172px;
    float: left;
    margin-right: 20px;
}
#productlist .category .details h2
{
    font-weight: normal;
    color: #383838;
    font-size: 20px;
    margin: 0 0 20px 0;
}
#productlist .category .details
{
    width: 394px;
    float: left;
}

#productlist .category .details .description
{
    width: 190px;
    float: left;
    border-right: 1px solid #CFD3C9;
    padding-right: 30px;
    height: 137px;
    font-size: 11px;
}
#productlist .category .categoryimage img
{
    border: none;
}
#productlist .category .categoryimage
{
    float: left;
    margin-right: 20px;
}
#productlist .category .details .description .text
{
}


#productlist .category .productlist
{
    width: 155px;
    float: right;
}

#productlist .category .productlist .address
{
    font-size: 12px;
    color: #999999;
    line-height: 1.5em;
    padding-left: 6px;
}

#productlist .category .productlist ul
{
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
}
#productlist .category .productlist li
{
    background: url(/images/productlinkbuttonbg.gif);
    width: 153px;
    height: 23px;
    text-align: center;
}

#productlist .category .productlist a
{
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    padding-top: 4px;
    display: block;
}

#productlist .maincatdescription
{
    margin: 20px 0 40px 4px;
    font-size: 12px;
    width: 610px;
    line-height: 150%;
}


.clear
{
    height: 1px;
    clear: both;
    float: none;
    width: 100%;
}
#productDetail h1
{
    margin-bottom: 4px;
}
#productDetail h2
{
    width: 450px;
    float: left;
    margin-top: 0;
}
#productDetail .head
{
    float: none;
    clear: both;
    margin-bottom: 24px;
    width: 650px;
    height: 60px;
}

#productDetail .head .backlink
{
    width: 180px;
    float: right;
}

#productDetail .head .backlink a, #productDetail .head .backlink a:visited
{
    text-decoration: none;
    color: #333333;
    background: url(/images/backarrow.gif) no-repeat 0 3px;
    display: block;
    padding-left: 16px;
}

#productDetail .attributes
{
    padding: 10px 0 10px 0;
}
#productDetail .availability iframe
{
    width: 100%;
    border: none;
}

#leafoverlay
{
    position: absolute;
    left: 40%;
    top: 380px;
    margin-left: -332px;
    margin-top: -24px;
    width: 464px;
    height: 328px;
    background: url(/images/leafoverlay.png);
    z-index: 99;
}

.homepageleaf
{
    z-index: 40;
    background: url(/images/home page leaf.gif);
    position: absolute;
    top: 300px;
    right: 30px;
    margin-left: -332px;
    margin-top: -84px;
    width: 204px;
    height: 122px;
    margin-top: 100px;
    overflow: hidden;
}

#homepagebottom
{
    width: 960px;
    height: 132px;
    background: url(/images/homepagebg_bottom.gif) no-repeat #E6E1CE;
    clear: both;
    float: none;
}


#homepagebottom .text
{
    color: #026C83;
    font-size: 17px;
    width: 500px;
    margin: 0 0 0 255px;
    fonr-weight: normal;
    padding-top: 18px;
    float: left;
}

#homepagebottom .button
{
    margin: 20px 10px 0 0;
    float: right;
    width: 160px;
}

#homepagebottom a
{
    display: block;
    margin-top: 14px;
    z-index: 999;
}

#homepagebottom a img
{
    border: none;
}

#booknow
{
    background: url(/images/booknow.png);
    width: 170px;
    height: 28px;
    position: fixed;
    left: 82%;
    top: 0;
    margin-left: -136px;
    margin-top: 0;
    z-index: 98;
}

#footer
{
    width: 720px;
    clear: both;
    margin: 10px 0 0 240px;
    font-size: 10px;
    color: #333333;
    text-align: right;
    padding: 10px 0 10px 0;
}


#footer ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

#footer li
{
    float: left;
    padding: 0 5px 0 5px;
    margin: 0 5px 0 5px;
}
/*
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -475px; 
		Half the width of the DIV tag which is 950 pixels
		margin-top: -300px; 
		background:#fff;
		border:1px #999999 solid;
		width:950px;
		height:600px;

*/



/* CONTACT US FORM */
div#formcontainer
{
    background-color: #F2F4F1;
    padding: 16px 16px 16px 60px;
}
div#formcontainer td.formFieldLabel
{
    text-align: right;
    padding-right: 20px;
    color: #666666;
}
/*div#formcontainer div.required
{
    float:left;
    width:12px;
}*/
div.ConfirmationMessage
{
}
div#formcontainer .instruction
{
    text-align: right;
    color: #666;
}



div.searchResults
{
}
div.searchResults .products .product
{
    background-color: #F7F8F6;
    padding: 12px;
    margin-bottom: 8px;
}
div.searchResults .products .product .image
{
    float: left;
    width: 230px;
}
div.searchResults .products .product .rightpanel
{
    float: left;
    margin-left: 14px;
    width: 400px;
}
div.searchResults .products .product .name
{
    font-size: large;
}
div.searchResults .products .product .subname
{
    margin-top: 6px;
    font-size: medium;
}
div.searchResults .products .product .description
{
    margin-top: 16px;
    font-size: small;
    font-size: 11px;
    width: 396px;
}

div.searchResults .products .product .description p
{
    margin-top: 0;
}

div.searchResults .products .product .buttons
{
    margin-top: 16px;
    text-align: right;
}

div.searchResults .products .product .buttons img
{
    border: none;
}

div.searchResults .products .product .attributes
{
    margin-top: 22px;
    height: 20px;
    width: 645px;
    clear: both;
    text-align: right;
}

div.searchResults .products .product .attributes .attributeList
{
    margin-top: 12px;
    float: right;
}


/* FORM */
form
{
    margin: 0;
}

input.text, textarea
{
    border: 1px solid #CCCCCC;
    color: #666666;
    padding: 0.3em;
    width: 100%;
    margin: 2px 0 0 0;
}

label
{
    font-size: 85%;
    color: #666666;
    margin: 0;
}

fieldset
{
    border: none;
    margin-bottom: 20px;
}

#homepageleafoverlay
{
    background: url(/images/leafoverlay.png);
    background-position: top right;
    width: 202px;
    height: 42px;
    float: left;
    position: absolute;
    z-index: 90;
    top: 366px;
    right: 600px;
    text-indent: -1234em;
}

#bannerimagecontainer img
{
    position: relative;
    z-index: 10;
    float: left;
}

#availability-container
{
    background-color: #F7F7F7;
    width: 100%;
}
.availability-form-iframe
{
    height: 380px;
}
/*
#availability-container #loader-overlay
{
    width: 100%;
    height: 380px;
    background-color: #000000;
    opacity: 0.25;
    z-index: 1;
    position: absolute;
}
*/
#availability-container
{
    font-size: 11px;
    color: #666;
}
#availability-container .head
{
    float: left;
    margin-top: 10px;
}
#availability-container .head h1
{
    font-size: 18px;
    margin: 0;
    padding: 0;
}
#availability-container .start-date-container #start-date-table
{
    opacity: 0.0;
}
#availability-container .start-date-container
{
    float: right;
    width: 380px;
    margin-top: 10px; /*height:30px;*/
}
#availability-container .grid-header
{
    margin-top: 16px;
    margin-bottom: 4px;
}
#availability-container .day-container
{
    width: 48px;
    height: 60px;
    float: left;
    text-align: center;
    font-size: 9px;
    margin-right: 1px;
}
#availability-container .instructions
{
    color: #666;
    margin-top: 38px;
}
#availability-container .instructions div
{
    float: left;
    margin-right: 4px;
}
#availability-container .instructions .green-icon
{
    background-color: #66cc00;
    width: 16px;
    height: 16px;
}
#availability-container .instructions .red-icon
{
    background-color: #ff0000;
    width: 16px;
    height: 16px;
    margin-left: 26px;
}
#availability-container .day-container.green
{
    border: solid 2px #66cc00;
}
#availability-container .day-container.red
{
    border: solid 2px #ff0000;
}
#availability-container .day-container .date
{
    color: White;
    background-color: #4AAEC6;
    padding: 3px;
    height: 30px;
}
#availability-container .day-container .price
{
    color: Black;
    padding-top: 4px;
    background-color: #bbbbbb;
    height: 20px;
}
#availability-container #nav-panel
{
    float: right;
    margin-right:24px;
}
#availability-container #nav-panel a
{
    float: left;
}
#availability-container #nav-panel a.prev-button
{
    margin-right: 100px;
}
#availability-container #bottom-row
{
    padding-top: 34px;
}
#availability-container #totals-panel
{
    float: left;
}
#availability-container #totals-panel .price
{
    font-weight: bold;
}
#availability-container #bottom-row #book-now-button
{
    float: right;
    margin-top: -6px;
    margin-right:22px;
}
#availability-container #bottom-row #book-now-button img
{
    border: none;
}
.sharethis-panel
{
    margin-top: 30px;
    text-align: center;
}
