/* Cape Luxury Accommodation Stylesheet by Glasshouse Multimedia - www.glasshouse.co.za */

/*--------------------- SET UP DEFAULTS -------------------*/
* {
        margin: 0;
        padding: 0;
}
html, body {
        text-align: center;
        font: 0.83em Verdana, Geneva, sans-serif;
        color: #756d5b;
        height: 100.02%;
        background: url(/images/crown-bg.gif);
}
#wrapper{
        min-height: 100.02%;
        height: auto;
        width: 100%;
        margin: 0 auto -50px auto;
        margin-bottom: 80px;
        position: absolute;
        left: 0;
}
* html #wrapper{
        height: 100%;		
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
._enquiry_arrival_date_read {
	margin-right: 30px;
	padding-right: 30px;
}

/*------------------------- HEADER ------------------------*/
#header {
        width: 100%;
        height: 144px;
        background: url(/images/header-bg.gif) repeat-x top;
        text-align: center;
}
#logo {
        background: url(/images/logo.gif) no-repeat top;
        display: block;
        width: 170px;
        height: 97px;
        margin: 0 auto;
}
#flag_box{
		margin: -21px 0 0 800px;
}
#flag_box a img{}
.flag {
        position: relative;
		top: 10px;
}
/*------------------------- FOOTER ------------------------*/
#footer {
        clear: both;
        color: #6d6757;
        font-size: 0.9em;
        margin-top: 20px;
        padding-top: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20px;
        background: url(/images/footer-bg.gif) repeat-x;
}
#footer a:link, #footer a:visited, #footer a:active {
    color: #6d6757;
        text-decoration: none;
}
#footer a:hover {
        text-decoration: underline;
}

/*-------------------------- LINKS ------------------------*/
a:link, a:visited, a:active {
        color: #756d5b;
        text-decoration: underline;
        outline: none;
}
a:hover {
        text-decoration: none;
}
:focus {
        -moz-outline-style: none;
}
a img {
   	 	border: 0;
}

a.no-underline {
    	text-decoration: none;
}
a.no-underline:hover {
    	color: #ada17d;
}
a.hoverImg {
	text-decoration: none;
	float: left;
	margin-left: 30px;
}
a.hoverImg .show {
	opacity: 0.1;
	filter: alpha(opacity=1);	
	color: #ebe5d0 !important;
	position: relative;
}

a.hoverImg img {
	position: relative;
}
a.hoverImg:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a.hoverImg:hover .show {	
	position: relative;
	left: 0;
	top: 60px;
	z-index: 2;
	color: #333333 !important;
	font-weight: bold;
	background: #c7bb98;
	margin: 0 2px;		
    opacity: 1;
	filter: alpha(opacity=100);	
}
ul {
	margin: 0 0 0 14px;	
}

/*-------------------- MAIN NAVIGATION --------------------*/
#navbar {
        height: 32px;
        width: 852px;
        margin: 15px auto 0 auto;
        background: url(/images/nav-bg.gif) repeat-x top;
}
#navbar ul {
        text-align: center;
		margin: 0;	
}
#navbar li {
        list-style-type: none;
        display: inline;
        margin-left: -4px;
}
#navbar a {
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
        color: #756d5b;
        text-decoration: none;
        padding: 10px 2px 8px 0px;
        position: relative;
        top: 10px;
        background: url(/images/nav-seperator.gif) no-repeat top right;
}
#navbar li a span {
        padding: 10px 6px 8px 8px;
}
#navbar li.nav-first a {
        padding: 10px 2px 8px 2px;
}
#navbar li.nav-first a span {
        padding: 10px 6px 8px 8px;
        background: url(/images/nav-seperator.gif) no-repeat top left;
}
#navbar #active a span,
#navbar a:hover span {
        background: url(/images/nav-ov.gif) repeat-x top;
}
#navbar li.nav-first a:hover span,
#navbar #active.nav-first a span  {
        background: url(/images/nav-first-ov.gif) no-repeat top left;
}

/* admin navigation */
.quick-links {
        margin: 5px 0 -10px 0;
        padding: 0px;
}
.quick-links a {
        text-decoration: none;
}
.quick-links a:hover {
        text-decoration: underline;
}

/*----------------- HEADINGS & PARAGRAPHS -----------------*/
p {
        padding: 10px 0;
        text-align: justify;
}
float-right {
        float:right;
}
h1, h2 {
        font-size: 1.1em;
        text-align: left;
}
h1 {
        color: #cf972f;
        padding: 0 15px 11px 0;
        float: left;
}
h2 {
        padding: 0 0 8px 20px;
        float: left;
}
h3 {
        font-size: 1em;
        padding: 5px 0 10px 0;
        float: left;
}
.h2_heading {
		width: 368px;
		line-height: 18px;
}
#sidebar1 .head {
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
        text-align: center;
        background: url(/images/side-dots.gif) repeat-x bottom #d7ccae;
        padding: 10px 0 16px 0;
        margin: 10px 2px 0 2px;
}

/*-------------------- CONTENT LAYOUT ---------------------*/
#container {
        width: 856px;
        margin: 24px auto 40px auto;
        padding: 0 0 0 4px;
        background: url(/images/content-bg.gif) repeat-y 4px 0px;
        position: relative;
}
#content {
        float: left;
        width: 625px;
        min-height: 291px;
}
#content-bot {
        float: left;
        height: 10px;
        padding-top: 10px;
}
.copy, #sidebar1 {
        text-align: left;
}
.copy, .page {
        float: left;
        padding: 12px 30px;
        width: 565px;
        clear: both;
}
.page {
         padding: 2px 30px 0 30px;
}
.properties {
        float: left;
        padding: 0 24px 15px 24px;
        width: 577px;
        text-align: left;
        clear: both;		
}
.home_properties2 {
		background: url(/images/feature-bots.gif) no-repeat 10px bottom;
}
.home_properties1 {
		background: url(/images/feature-bots1.gif) no-repeat 10px bottom;
}
#sidebar1 {
        float: left;
        width: 227px;
        background: url(/images/side-top.gif) no-repeat;
        min-height: 700px;
}
#search-content {
        width: 223px;
        background: url(/images/side-bg.gif) repeat-x;
        margin: 0 auto;
        height: auto;
}
* html #search-content {
        height: 292px;
}

#weather-content{
	padding: 0 0px 0 5px;
	width: 218px;
	margin: 0 auto;
	background: url(/images/side-bg.gif) repeat-x;
}
#exchange-rate-content{
	padding: 10px 0px 10px 5px;
	width: 218px;
	margin: 0 auto;
	background: url(/images/side-bg.gif) repeat-x;
}
#cart-content{
	padding: 10px 10px 10px 7px;
	width: 206px;
	margin: 0 auto;
	background: url(/images/side-bg.gif) repeat-x;
}
#cart-content img{
    border: 2px solid white;
}

.clear {
        clear: both;
        line-height: 1px;
}
.padding {
        padding: 0 20px;
}
#notice {
        padding: 5px 0 0 0;
        margin: 0 0 -10px 0;
}

/* make main content at least as long as side nav */
#copy, #copy_products {
        width: 370px;
        padding: 20px 20px 20px 31px;
        text-align: justify;
        background: url(../images/elemtent_right.jpg) no-repeat top left !important;
        min-height: 309px;
        height: auto;
}
* html #copy, * html #copy_products {
        height: 309px;
}

/*----------------- CUSTOM CONTENT LAYOUT -----------------*/
#adverts {
/*        position: absolute;
        bottom: 0;
        left: 4px;
		clear: both;*/
}
#adverts img, .advert_img {
        vertical-align: bottom;
}
.advert_ad {
		font-size: 12px;
		margin: 0 3px;
		background: url(../images/advert-bg.gif) repeat-x;
		display: block;
		text-align:center;	
		height: 48px;
}
.advert_ad a {
		color: white;
		text-decoration: none;
		font-weight: bold;
}
.advert_img {
    	margin-left:3px;
}
#tag {
         position: absolute;
         top: 0;
         right: 0;
         z-index: 1;
         width: 96px;
         height: 97px;
         margin: -2px 2px 0 0;
}
.dots {
        background: url(/images/head-dots.gif) repeat-x top;
        height: 2px;
        overflow: hidden;
        width: 100%;
        margin: 0 0 6px 0;
}
.box {
        width: 571px;
        background: url(/images/box-bg.gif) repeat-y;
        clear: right;
        margin: 0 0 10px 0;
}

.image-holder {
    text-align: center;
}

.box-img {
        float: left;
        border: 2px solid #ffffff;
        margin-left: 15px;
}
.box-dots {
        background: url(/images/head-dots.gif) repeat-x top;
        height: 1px;
        overflow: hidden;
        width: 63%;
        float: left;
        margin: 0 0 6px 20px;
}
.box .copy {
        width: 358px;
        float: left;
        clear: none;
        padding: 0 26px 0 20px;
        margin: 0;
        text-align: justify;
}
.content {
/*         width: 300px;*/
}
.check-availability {
		padding: 0px 0 3px 22px;
		background: url(/images/check_ico.gif) no-repeat 0 -2px;
}
.description {
		padding: 0px 0 3px 22px;
		background: url(/images/desc_ico.gif) no-repeat 0 -2px;
}

/* featured properties box------------------------------------------
 */
.feature-box {
        width: 273px;
        background: url(/images/feature-bg.gif) repeat-y;
        float: left;
        clear: right;
}
.feature-dots {
        background: url(/images/head-dots.gif) repeat-x top;
        height: 1px;
        overflow: hidden;
        width: 85%;
        clear: both;
        margin: 0 auto 6px auto;
}
.feature-img {
        border: 2px solid #ffffff;
        margin-left: 20px;
        height: 150px;
}
.feature-box p {
        margin: 0 20px;
		clear: both;
}

/* property detail page-----------------------------------------------
 */
.detail-left, .detail-mid, .detail-right {
        border: 2px solid #ffffff;
}
.detail-left {
        margin-left: 0px;
}
.detail-mid, .detail-right {
        /*margin-left: 20px;*/
		margin-left: 0px;
}
.facilities li {
        list-style: none;
        display: inline;
        background: url(/images/bullet.gif) no-repeat 0px 5px;
        padding: 0 2px 0 10px;
        font-weight: bold;
        font-size: 0.9em;
}
#rates {
        float: right;
        margin: 10px 0 20px 25px;
}
#features {
        float: left;
        margin: 10px 0 10px 25px;
}
#rates td, #rates th, #features td, #features th {
        background: #e0d7be;
        border: 1px solid #ebe5d0;
        border-top: 0;
        border-left: 0;
        padding: 5px;
}
#rates th, #features th {
        background: #d7cdb0;
}

/*------------------------- LISTS -------------------------
li {
        list-style:none;
        background: url(/images/bullet.gif) no-repeat 0px 6px;
        padding: 0 3px 0 10px;
}*/

/*------------------------ BUTTONS ------------------------*/
.btn-enquire, .btn-more, .btn-add, .btn-white, #exchange-rate-content a {
        color: #ffffff !important;
        font-weight: bold;
        width: 111px;
        height: 19px;
        display: block;
        text-decoration: none !important;
        margin: 0 0 4px 16px;
        padding-top: 4px;
        text-align: center;
        background: url(/images/btn-enquire.gif) no-repeat left;
}
#exchange-rate-content {
		padding-bottom: 10px;
}
.btn-white {
        background: url(/images/btn-white.gif) no-repeat left;
		float: right;
		margin-right: 7px;
}
.btn-enquire:hover, .btn-white:hover, #exchange-rate-content a:hover {
        background-position: right;
}
.box .btn-enquire, #exchange-rate-content a {
        margin: 0;
        float: left;
}
#exchange-rate-content a {
		background: url(/images/btn-currency.gif) no-repeat left;
		width: 91px;
		margin-top: 10px;
}

.btn-more {
        width: 59px;
        height: 23px;
        float: left;
        margin: 0px 0 0 8px;
        background: url(/images/btn-more.gif) no-repeat left top;
}
.btn-more:hover {
        background: url(/images/btn-more.gif) no-repeat right top;
}
.btn-add {
        width: 127px;
        float: left;
        background: url(/images/btn-add.gif) no-repeat left top;
}
.btn-add:hover {
        background: url(/images/btn-add.gif) no-repeat right top;
}

/* paging */
.page-previous, .page-next, .page-top {
        color: #938972 !important;
        width: auto;
        height: 18px;
        display: block;
        padding: 3px 0 0 28px;
        text-decoration: none !important;
        text-align: left;
        float: left;
        background: url(/images/page-left.gif) no-repeat left;
}
.page-next {
        padding: 3px 28px 0 0;
        text-align: right;
        float: right;
        background: url(/images/page-right.gif) no-repeat right;
}
.page-top{
		background: url(/images/page-top.gif) no-repeat left;
}
.page-previous:hover, .page-next:hover, .page-top:hover {
        text-decoration: underline !important;		
		font-weight: 500
}
.centreNums {
	float: left;
	width: 506px;
	margin-top: 2px;
}
.page {
	margin-bottom: 5px;
	padding-top: 0;
}


/* availability calendar --------------------------------------*/
.not_available{
        color: #B00;
}
.available{
        color: #0B0;
}
.calendar {
        color: #756d5b !important;
        font-weight: bold;
}
 .combo {
        display: none;
}
.calendar:hover {
        text-decoration: underline !important;
}

/*------------------------- FORMS -------------------------*/
.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
        border-color: #ff0000;
}
input, select, textarea {
        border: 1px solid #c9bd9c !important;
        background: #f6f3ea !important;
        font: 0.83em Verdana, Geneva, sans-serif;
        color: #978e7b;
        text-indent: 3px;      
}
input, select {
        height: 16px;
}
textarea {
        height: 80px;
        text-indent: 0;
}
.property_search_form div, .property_search_form input, .property_search_form select {
        float: left;
        width: 120px;
        margin-bottom: 7px;
}
.property_search_form img {
        float: left;
        margin-left: 3px;
}
.property_search_form input {
        width: 118px;
        text-indent: 3px;
        padding-top: 2px;
        height: 14px;
}
.property_search_form .short {
        width: 98px;
}
.property_search_form div, .enquire td {
        width: 83px;
        color: #978e7b;
        font-weight: bold;
        padding-left: 10px;
}
.property_search_form button, .enquire button {
        width: 72px;
        height: 23px;
        display: block;
        cursor: pointer;
        background: url(/images/btn-search.gif) no-repeat right;
        border: 0;
        margin: 5px 0 0 140px;
}

.property_search_form button:hover {
        background: url(/images/btn-search.gif) no-repeat left;
}
.enquire td {
        width: auto;
        padding-left: 0;
}
.enquire input, .enquire textarea {
        margin-bottom: 7px;
        text-indent: 0;
        width: 200px;
        padding-left: 3px;
}
.enquire button {
        width: 59px;
        margin: 0;
        background: url(/images/btn-send.gif) no-repeat left;
}
.enquire button:hover {
        background: url(/images/btn-send.gif) no-repeat right;
}

/*------------------------ ERROR MESSAGES -----------------------*/
#errorExplanation {
        width: 100%;
        border: 1px solid #cc0000;
        padding: 0 0 12px 0;
        margin-bottom: 20px;
        background-color: #f0f0f0;
}
#errorExplanation h2 {
        font-weight: bold;
        padding: 7px;
        font-size: 1em;
        background-color: #cc0000;
        color: #ffffff;
        float: none;
}
#errorExplanation p {
        color: #333333;
        margin-bottom: 0;
        padding: 7px;
        padding-bottom: 0;
}
#errorExplanation ul li {
        font-size: 1em;
        list-style-type: disc;
        text-align: left;
}

.calendar, .calendar table {
        background: repeat-x bottom white;
		border: 1px solid #9c8e6a;
		border-collapse: collapse;
		cursor: pointer;
}
.calendar table td {
		border: 1px solid #9c8e6a;
		padding: 1px;
}
.calendar .weekend {
		background: #ece7d9;
}
.calendar .title, .calendar .ttip {
		color: #cf972f;
}
/*.calendar a:hover, .calendar:hover {
		text-decoration: none;
}*/
.cal-button {
        background: #ccc0a1;
        color: white;
        padding: 3px;
        text-align: center;
        margin: 2px;
}

.table-blocks td {
		background: #e8dfc8;
		padding: 6px;
}