/* COMMON STYLES */ 

html, body
{
   height:100%;
}

body 
{
   background-color:#FFFFFF;
   font-family:Arial, Verdana, Sans-Serif;
   color:#333;
   font-size:12px;
   }
   
a:active, a:focus
{
    outline: none;
}

a
{
    color:#ABB820;
}

a:hover
{
    color:#667113;
}   

/* with purple bg */
#content h2
{
   background:#46166B;
   font-size:18px;
   color:#FFF;
   font-weight:bold;
   padding:7px 0 7px 15px;
    }    

h3
{
    height:30px;
    font-weight:bold;
    font-size:15px;
    color:#FFF;  
    margin-top:7px;
    width:auto;
    }      
       
h3 span
{
    background:url(../images/bg-h3.png) right top;
    padding:7px 60px 7px 15px;
    }  

h5 
{
    color:#A5B81F;
    font-weight:bold;
    margin-bottom:8px;
    font-size:12px;
    }    

.clear 
{
    clear:both;
    }

.right
{
	float:right;
}

.frame 
{
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #CCCCCC;
    padding:4px;
    }  
    
.img-margin 
{
    margin:0 0 15px 15px;
    }    
    
.hide
{
    display:none;
}
.show
{
    display:block;
}    

strong 
{
    font-weight:bold;
    }

em 
{
    font-style:italic;
    }

/* ================= 
     MASTER STYLES  
   ================= */

#container
{
   min-height:100%;
   position:relative;
}

#body
{
   /*padding-bottom:70px;*/   /* Height of the footer */
   padding-bottom:200px;    /*Height of the footer + additional padding between footer & content */
   width:960px;
   margin:0 auto;
   z-index:3;
   margin:0 auto;
   height:auto;
   position:relative;
}

#bg-header 
{
    background:url(../images/bg-search-results.jpg) repeat-x;
    /*background:url(../images/bg-tiles.png) top center no-repeat;*/    
    position:absolute;
    z-index:2;
    width:100%;
    height:502px;
    top:175px;
    }    

#bg-footer 
{
    width:100%;
    height:450px;
    background:url(../images/bg-footer.png) center bottom no-repeat;
    position:absolute;
    left:0px;
    bottom:160px;
    z-index:1;
    }    

#content 
{
    width:948px;
    border:6px solid #CF3708;
        /* CSS 3 shadows */
    box-shadow: 0px 0px 3px #333333;
    -webkit-box-shadow: 0px 0px 3px #333333;
    -moz-box-shadow: -0px 0px 3px #333333;
    background:#FFF;
    min-height:430px;
    }

/* HEADER STYLES */

#header
{
    width:100%;
    /*padding:40px 0 25px 0;*/
    margin:0 auto;
    height:200px;
    background: url(../images/bg_header2.jpg) repeat-x 0 0;
   /* position:absolute;*/
    z-index:3;
}

#header .container
{
    width:990px;
    margin:0 auto;
    padding-left:30px;
    /*background:url(../images/yellow_circle.gif) no-repeat top right;*/
}

    #header h1
    {
        width:112px;
        background: url(../images/familymosaic_logo2.gif) no-repeat 0 0;
        height:115px;
        text-indent:-600px;
        overflow:hidden;
        margin:0px;
        float:left;
    }
    
        #header h1 a
        {
            text-decoration:none;
        }    
    

/* NAVI STYLES */

#navi 
{
    width:100%;
    height:40px;
    background: url(../images/bg_menu.jpg) repeat-x left bottom;
    position:absolute;
    top:140px;
    z-index:5;
    }
    
#navi-menu
{
    width:960px;
    margin:0 auto;
    }  
    
#navi a 
{
    text-decoration:none;
    }      

#navi-menu li
{
    font-size:16px;
    font-weight:bold;
    width:auto;
   
    float:left;
    
    margin-right:10px;
    background: url(../images/bg_menu_li.jpg) repeat-x;
    
    /* CSS 3 shadows */
    box-shadow: 0px 0px 2px #333333;
    -webkit-box-shadow: 0px 0px 2px #333333;
    -moz-box-shadow: -0px 0px 2px #333333;
}

    #navi-menu li a
    {        
      color:#FFFFFF;
      display:block; 
      height:30px;
      padding:8px 18px 2px 18px;
    }
    
    #navi-menu li:hover, #navi-menu .selected 
    {        
      color:#FFFFFF;
      background: url(../images/bg_menu_li_hover.jpg) repeat-x;
    }
    
#navi-menu li ul
{	margin: 0;
	padding: 0px;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
	width:auto;
	border:1px solid #667113;
	background: #667113;
	z-index:2;
	    /* CSS 3 shadows */
    box-shadow: 0px 0px 3px #333333;
    -webkit-box-shadow: 0px 0px 3px #333333;
    -moz-box-shadow: 0px 0px 3px #333333;
	}
		
		
#navi-menu li ul li
	{	float: none;
		/*display: inline;*/
		margin:0px;
		padding:0px;
		}
		
	#navi-menu li ul li a
	{	width: auto;
		background: #667113 url(../images/bg-submenu.png) left bottom no-repeat;
		height:25px;
		font-size:14px;
		padding:8px 20px 0 20px;	
		}
		
	#navi-menu li ul li a:hover
	{	background: #ABB820}
	

/* SEARCH STYLES */

#search-box 
{
    width:300px;
    float:right;
    background:url(../images/yellow_circle.png) top right no-repeat;
    padding-left:250px;
    padding-right:20px;
    height:170px;
    position:relative;
    }

#search-box li
{
    float:left;
    width:150px;
    height:30px;
    }
/*  
#search-box h4
{
   text-transform:capitalize;
   font-size:10px;
   color:#333;
   margin:2px 0 1px 0;
    } 
*/    
#search-box select
{
   margin:5px 0 5px 0;
    }     
    
#search-box h2
{
   color:#FFF;
   font-weight:bold;
   font-size:18px;
   margin:5px 0 5px 0;
    }    
    
#search-box .help-btn 
{   
    position:absolute;
    top:5px;
    right:150px;
    width:24px;
    height:24px;
    background:url(../images/bg-help-home.png);
    z-index:10;
    overflow:hidden;
    text-indent:-200px;
    cursor:pointer;
    }
    
#search-box .help-txt 
{
    position:absolute;
    top:10px;
    right:340px;
    background:#EEE;
    border:1px solid #CCC;
    color:#000;
    width:500px;
    height:auto;
    padding:12px;
    filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	visibility:hidden;
	z-index:100000000;
    }     
    
.button 
{
    background:url(../images/bg-h3.png) 0px 0px no-repeat;
    height:20px;
    width:60px;
    padding:4px 0px 0px;
    margin:2px 10px 0 0;
    font-weight:bold;
    float:left;
    text-align:center;
    }  
    
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_propertySearch_UpdatePanel1 .button a
{
    color:#FFF;
    text-decoration:none;
    }   
           

/* FOOTER */ 

#footer
{
   position:absolute;
   bottom:0;
   width:100%;
   height:167px;   /* Height of the footer */ /*70px - 15px (top padding) - 0px (bottom padding) = 55px*/
   background: url(../images/bg_footer.jpg) repeat-x;
   clear:both;
   z-index:5;
   }

#footer .container
{
   width:960px;
   margin:45px auto 20px auto;
   font-size:11px;
}

#footer ul
{
   width:220px;
   float:left;
}  

#footer p
{
    margin-bottom:3px;
}
    
#site-info
{
    width:520px;
    text-align:right;
    float:left;
    }  
    
#site-info ul
{
    width:520px;
    margin-bottom:20px;
    }      
    
#site-info li
{
    display:inline;
    margin-left:30px;
    font-size:12px;
    font-weight:bold;
    }         
    

/*=================
   HOME STYLES 
=================*/

.h2-home 
{
   /* background:url(../images/bg-h2.jpg) repeat-x;*/
    background:url(../images/bg-h2_2.jpg) repeat-x;    
    height:28px;
    font-weight:bold;
    font-size:17px;
    color:#FFF;
    padding:7px 0 0 20px;
    margin:0 0 25px 0;
        /* CSS 3 shadows */
    box-shadow: 0px 0px 4px #333333;
    -webkit-box-shadow: 0px 0px 4px #333333;
    -moz-box-shadow: 0px 0px 4px #333333;
    } 

#home-search 
{
    height:500px;
    overflow:hidden;
    margin:25px 0;
    }

/* slider styles are on SlideHome.css */

/* map home */

#map-home 
{
    float:left;
    width:280px;
    padding-right:70px;
    background:url(../images/divider.png) top right no-repeat;
    }
    
#map-home img
{
    border:1px solid #46146B;
    margin-top:5px;
    }   
    
#map-home p
{
    margin:10px 0 15px 0;
    }    

/* news home*/

#news-home
{
    float:left;
    width:300px;
    padding-right:70px;
    background:url(../images/divider.png) top right no-repeat;
    }    
    
#news-home h2 a
{
    text-decoration:none;
    color:#FFF;
    }      
        
#news-home h4
{  
    color:#46146B;
    font-size:13px;
    font-weight:bold;
    margin:2px 0 4px 0;
    }    
    
#news-home h4 a
{  
    text-decoration:none;
    color:#46146B;
    }     
    
#news-home li
{  
    background:url(../images/bg-li-news.png) left bottom no-repeat;
    margin-bottom:15px;
    padding-bottom:15px;
    }         
    
#news-home .date
{
    color:#CF3708;   
    font-weight:bold;
    margin-bottom:2px;
    }        

/* useful info */    
    
#useful-info 
{
    width:240px;
    background:#A5B81F;
    float:left;
    box-shadow: 0px 0px 10px #666;
    -webkit-box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
    }     
    
#useful-info ul
{
    margin:20px;
    } 
    
#useful-info li
{
    height:30px;
    padding:10px 0 0 0;
    background:url(../images/bg-li-info.png) left bottom no-repeat;
    position:relative;
    }  
    
#useful-info img
{
    position:absolute;
    top:4px;
    right:0px;
    }      
    
#useful-info a:link, #useful-info a:active, #useful-info a:visited
{
    color:#FFF;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    }           
                        
#useful-info a:hover
{
    color:#EEE;
    text-decoration:underline;
    font-size:15px;
    font-weight:bold;
    }              
        
#useful-info .last 
{
    background:none;
    }                   
  
/* ======================
           MAP
=========================*/      

.map-desc 
{
    padding:5px 7px 1px 7px;
    background:#CF3708;
    color:#FFF;
    font-size:13px;
    font-weight:bold;
    margin:0px;
    }
    
#content .map-desc p
{
    margin:0px;
    }   
     
/* ======================
  SEARCH RESUTLS STYLES
=========================*/    

#list-results
{
    margin:30px 15px;    
    }   
    
#list-results  li
{
    background:url(../images/bg-search-results.jpg) left top repeat-x;
    border-top:1px solid #ABB820;
    margin-bottom:20px;
    }     
    
#list-results li img
{
    background:#FFF;
    border:1px solid #CCC;
    padding:4px;
    margin-left:15px;
    float:left;
    }      
     
#list-results .title
{
    height:30px;
    font-weight:bold;
    font-size:15px;
    color:#FFF;
    margin:0 0 15px 0;
    }   
       
#list-results h3
{
    float:left;
    }            

#list-results .title p
{
    height:24px;
    float:right;
    background:url(../images/bg-viewprop.png);
    padding:7px 30px 0 50px;
    margin:0px;
    }  
  
/*  
#list-results .vp
{
    height:32px;
    width:200px;
    float:right;
    background: url(../images/bg-viewprop.png) no-repeat scroll top right transparent;
    /*padding:7px 30px 0 50px;
    text-align:center;
    margin:0px;
    }     
  */          

#list-results .title a
{
    color:#FFF;
    text-decoration:none;
    }        
      
#list-results .description
{
   width:480px;
   float:left;
   margin:5px 20px 0 20px;
    }       
         
#list-results .details
{
   width:250px;
   float:left;
   border:none;
   color:#46166B;
   font-weight:bold;
    }  

#list-results .details li
{
   border:none;
   margin:5px 0;
    }  

/* 
====================
   Property page 
====================
*/ 
#propertyPicsExplanation
{
    float:right;
    margin-right:20px;
}
#propertyPics 
{
    float:right;
    width:600px;
    position:relative;
    border:1px solid #46166B;
    margin:18px 18px 0 0;
    }
    
#propertyPics img
{
    width:380px;
    }   
    
#propertyPics ul
{
    width:232px;
    height:249px;
    position:absolute;
    top:0px;
    right:0px;
    background:url(../images/bg-prop-imgs.jpg) repeat-x;
    padding:14px 0 3px 12px;
    } 
    
#propertyPics li
{
   float:left;
   margin:0 8px 6px 0;
    }     
    
#propertyPics li img
{
    width:96px;
    cursor:pointer;
    }            
    
#prop-details 
{
    float:left;
    width:250px;
    color:#46166B;
    margin:20px 0 15px 18px;
    }    
    
#prop-details li
{
   margin-bottom:3px;
    }       
    
#prop-details strong
{
    font-weight:bold;
    width:150px;
    }
    
#prop-specs 
{
    margin:40px 18px 15px 18px;
    background:url("../images/bg-search-results.jpg") repeat-x;
    border-top:1px solid #ABB820;
    position:relative;
    padding:30px 20px 20px 20px;
    width:615px;
    min-height:50px;
    float:left;
    }
    
#prop-specs h4
{
    background:url("../images/bg-details.png") no-repeat;
    position:absolute;
    top:-36px;
    left:0px;
    width:200px;
    height:60px;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    padding:18px 0 0 20px;
    }     

#prop-specs ul li
{
    margin: 0 0 4px 20px;
    padding:0 0 0 12px;
    background:url(../images/bg-list.jpg) no-repeat 0px 4px;
    }

#prop-specs ul
{
    margin: 15px 0 10px 0px;
    
    }

#map_canvas 
{
    width:650px;
    height:300px;
    margin:0 20px 20px 20px;
    border:1px solid #46166B;
    float:left;
    }
    
.callnow 
{
    background:url(../images/bg-callnow.jpg);
    float:right;
    width:217px;
    margin:38px 15px 15px 0px; 
    height:98px;
    padding:0px 0 0 20px;
    }  

.agencyInfo p
{
   float:right;
   width:250px;
   color:#000;
   font-size:14px;
   font-weight:bold;
 
}
    
#content .callnow p
{
   color:#FFF;
   font-size:27px;
   font-weight:bold;
   margin:2px 0 0 0;
   }    
   
#content p.call
{
   color:#FFF;
   font-size:14px;
   font-weight:bold;
   margin:24px 0 0 0;
   }         

.enquiry 
{
    background:url(../images/bg-enquiry.jpg);
    float:right;
    width:217px;
    margin:0 15px 15px 0px;    
    height:78px;
    padding:0px 0 0 20px;
    }   
    
#content .enquiry p
{
   color:#FFF;
   font-size:14px;
   font-weight:bold;
   margin:18px 0 5px 0;
   line-height:20px;
   }      

.enquiry a
{
   color:#FFF;
   text-decoration:none;
   }               
   
/*
===================================
  Brochures on Property's Page
===================================
*/
   
#brochure-holder {
    float:right;
    width:250px;
}

#brochure-holder li {
    background-color:#EFEFEF;
    border:1px solid #CCC;
    padding:5px;
	width:220px;
    margin:10px 0 10px 0;  
    position:relative;
}    
    
#brochure-holder li p 
{
    background:url("../images/bg-h3.png") repeat scroll right top transparent;
    position:absolute;
    left:0;
    bottom:20px;
    color:#FFF;
    padding:7px 45px 7px 15px;
    }    

#brochure-holder li a 
{
    text-decoration:none;
    }       
        
    
/*
===================================
   Apply Online Form Page style  
===================================
*/

#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_applyOnline_4_applicationForm, #BookingRequestTable
{
    margin:0 auto;
    }

#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_applyOnline_4_applicationForm input, #BookingRequestTable input,
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_applyOnline_4_applicationForm select, #BookingRequestTable select,
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_applyOnline_4_applicationForm textarea, #BookingRequestTable textarea
{
	border: solid 1px #CF3708;
	margin:5px 0 5px 0px;
	width:180px;
	padding:2px;
}
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_applyOnline_4_applicationForm td, #BookingRequestTable td
{
	padding-left:5px;
}
.coloured_tr
{
	background-color:#eee;
}

#contact-form {padding:7px 0 7px 15px;}

#contact-form h2
{
	font-size:24px;
	font-weight:bold;
	padding:10px 0;
}

/* 
===================
   Download Page    
===================   
*/

#list-downloads
{
	margin:30px 15px 0 15px ;
}

#list-downloads ul li
{
	padding:15px 15px 30px;
	background:url("../images/bg-search-results.jpg") repeat-x scroll left 0px transparent;
	border-top:solid 1px #A5B81F;
}

#list-downloads ul li img
{
	margin-right:20px;
}

#list-downloads ul 
{
	width:450px;	
}

#list-downloads h2
{
    color:#CF3708;
	background:none repeat scroll 0 0 transparent;
	*background:url("../images/bg-search-results.jpg") repeat-x scroll 0px -14px transparent;
	padding-left:0px;
	padding-top:0px;
}

#list-downloads a
{
	color:#CF3708;
}

#right_ul
{
	float:right;	
}

#left_ul
{
	float:left;
}

/*
=================
  case studies
=================
 */

#case-studies 
{
    margin:40px 20px;
    }

#case-studies li
{
    padding:15px 15px 30px;
	background:url("../images/bg-search-results.jpg") repeat-x scroll left 0px transparent;
	border-top:solid 1px #A5B81F;
    }
    
#case-studies img
{
    float:left;
    margin:12px 15px 15px 0;
    }  
    
#case-studies a
{
    text-decoration:none;
    }     
    
.bred 
{
    font-weight:bold;
    color:#CF3708;
    }    
    
.quote 
 {
     padding:10px 0px 10px 10px;
     font-size:13px;
     color:#666;
     line-height:20px;
     font-style:italic;
     }    

 #case-studies p 
 {
    text-align:right;
     } 

/* 
===============
  coming soon
===============
*/

#coming-soon 
{
    margin:30px 15px;    
    }
    
#coming-soon li
{
    background:url(../images/bg-search-results.jpg) left top repeat-x;
    border-top:1px solid #ABB820;
    margin-bottom:20px;
    }     
    
#coming-soon li img
{
    background:#FFF;
    border:1px solid #CCC;
    padding:4px;
    margin-left:15px;
    float:left;
    }      
    
#coming-soon .title
{
    height:30px;
    font-weight:bold;
    font-size:15px;
    color:#FFF;
    margin:0 0 15px 0;
    }   
      
#coming-soon h3
{
    float:left;
    }            

#coming-soon .title a
{
    color:#FFF;
    text-decoration:none;
    }        
         
#coming-soon .description
{
   width:730px;
   float:left;
   margin:-8px 20px 0 20px;
   }       
 
#coming-soon .title p
{
    height:24px;
    float:right;
    background:url(../images/bg-viewprop.png);
    padding:7px 45px 0 50px;
    margin:0px;
    }    
 
 /* 
============
    faqs 
============
*/

#faqs 
{
    margin:0 20px 40px 20px;
    }
    
#faqs li
{
    margin:20px;
    background:url("../images/bg-h2.jpg") repeat-x scroll right top transparent;
    }      
     
#faqs li span 
{
    padding:4px 12px 2px 12px;
    }   
  
#faqs li .aiFaq_question 
{
    color:#FFF;
    font-weight:bold;
    border-bottom:1px solid #ABB820;
    }   

.aiFaq_answer_display
{
    padding:4px 12px 2px 12px;
    }
    
 .aiFaq_question
{
    display:block;    
}
.aiFaq_answer_display
{    
	display:block;
}
.aiFaq_answer_nonedisplay
{   
	display:none;
}

/*
==============
  NEWS PAGE
==============
*/

#news-top 
{
    -moz-box-shadow:0 0 3px #333333;
    background:none repeat scroll 0 0 #FFFFFF;
    border:6px solid #CF3708;
    width:928px;
    padding:0px 0px 0px 20px;
    }
    
#news-top h4, #news-list h4
{
    color:#46146B;
    font-size:14px;
    font-weight:bold;
    margin:2px 0 4px 0;
    height:auto;
    }   
    
#news-top h4 a, #news-list h4 a
{
    color:#46146B;
    text-decoration:none;
    }        

#news-top h3
{
    margin-left:-20px;
    margin-bottom:20px;
    float:left;
    width:490px;
    }     
    
#news-top .date, #news-list .date
{
    color:#CF3708;
    font-weight:bold;
    }        

#news-top .IntroText 
{
    margin:5px 0;
    }
#news-top .SummaryText 
{
    margin:20px 0 5px 0;    
    }

#MainImageNews
{
    float:right;
    width:450px;
    }
    
#news-list 
{
    background:#FFF;
    padding:20px 0 40px 0;
    }    
    
#news-list li
{    
    background:url("../images/bg-search-results.jpg") repeat-x scroll left top transparent;
    border-top:1px solid #ABB820;
    margin:0 20px 0 0;
    padding:20px;
    min-height:90px;
}

#news-list li p
{    
   margin:3px 0;
}

#news-list img
{
    float:left;
    margin-right:20px;
    }    
    
/* pager */    

#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_pagerDiv
{
    text-align:right;
    margin:20px 20px 0 0 ;
    }
    
/* Contact Us */    
    
#content .contact-info
{
    float:left;
    width:460px;
    margin:0 0 20px 20px;
    }    

#content .contact-info input, #content .contact-info textarea 
{
   	border: solid 1px #CF3708;
	margin:7px 0 7px 0px;
	width:180px;
	padding:2px;
    }    
       
#content p.success 
{
    background-color:#95D17B;
    color:#FFF;
    font-weight:bold;
    text-align:center;
    padding:8px;
    } 
    
#content p.error 
{
    background-color:#F976A7;
    color:#FFF;
    font-weight:bold;
    text-align:center;
    padding:8px;
    }         

#BookingRequestTable {
	width:100%;
}

#content .radio input, #BookingRequestTable .radio input
{
    border: none;
	width:30px;
	margin-left:50px;
    }    
        
#BookingRequestTable p
{
	margin:8px 0px;
    }        
        
#about 
{
    margin:40px 20px 40px 20px;
    line-height:18px;
    }    
           
#about h3
{
    color:#CF3708;
    margin:25px 0 10px 0;
    height:auto;
    background:none:
    }                  

#MainImageAbout 
{
    float:right;
    margin:0 0 20px 20px;
    }  
    
.siteMap-List
{
	list-style-type:circle;
	list-style-position:outside;
	line-height:20px;

}

#content .intro
{
    margin:30px 20px 40px 20px;
    }
    
#content p 
{
    margin:7px 0 7px 0;
    }       

#accessibility_menu
{
    font-size:120%;
    padding-bottom:20px;
    font-weight:bold;
    }

.ContactUsFormHeader h4{	font-weight:bold;	font-size:14px;	color:#46166B;}.ContactUsFormHeader{	padding-bottom:10px;}.ContactUsFormHeader{	line-height:16px;}

.ajax__calendar_container {
	width:400px;
}

#wow-awards {margin:0 20px 20px 20px; }
#wow-awards img {float:left;}
#wow-awards p {	font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0 0 7px;}	






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */