/* TEXT BOXES SETTINGS */


div.content-box {
   background-color: transparent;
	padding: 10px;
	
}

div.TOC {
   background-color: transparent;
	padding: 5px;
	
}

div.leftheaderbg{
background-color: #fff;
background-image: url('http://www.singaporepropertyhunt.com/images/hbg-grdlightblue.jpg');
background-repeat: repeat;
   background-position: top left; 
 position: relative;
 clear: both;
 margin: 0px;
 height: 100px;
 width: 180PX;
}


div.ctrheaderbg{
background-color: #fff;
background-image: url('http://www.singaporepropertyhunt.com/image-files/hdimgctr03.jpg');
background-repeat: repeat;
background-position: top left; 
position: relative;
clear: both;
 margin: 0px 5px 0px 0px;
 height: 100px;
width: 870px;  
}

div.content-box2 {
   background-color: transparent;
	padding: 10px;
	width:580px; 
	
}

div.Liner {
padding: 10px 5px;
}
/* ------ Section 7 - Boxes ------ */


/*  Callout Box Settings  */

.CalloutBox {
background-color: #fff;
width: 90%;
border: 1px dotted #8f8fb3;
margin: 18px auto 24px auto;
padding: 10px;
color: black;
}

div.CalloutBox p {
font-size: 105%;
padding: 0 10px;
line-height: 18px;
margin: 13px;
}


div.CalloutBox h3, h4 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
color: #cc6600;
text-align: center;
} 

div.CalloutBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.CalloutBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}

/*  BOLD Shoutout Box Settings  */

#ShoutoutBox {
background-color: #fff;
width: 80%;
border: 3px solid #8f8fb3;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

#ShoutoutBox p {
font-size: 110%;
padding: 0 4px;
line-height: 18px;
margin: 13px;
}


#ShoutoutBox h3, h4 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
font-weight: bold;
color: #333399;
text-align: center;
font-size: 130%
} 

#ShoutoutBox h1, h2, h3, h4, h5, h6 {
margin: 10px;
}
p#ShoutoutBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


/* Reminder Box Settings  */

.ReminderBox {           /* the container box */
background-color: #ddd;
width: 35%;
border: 1px solid #8f8fb3;
margin: 0 0 12px 18px;
float: right;             /* adding float enables text to flow around it */
color: #006;
}

.ReminderBox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #fff;
}

.ReminderBox p {
font-size: 90%;
padding: 0 4px;
line-height: 13px;
}


/* ADSENSE BOX SETTINGS  */


.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxRightColumn, .AdSenseBoxLeftColumn {
padding: 5px;
background-color: #fff;
border: 0px;
}
.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}
.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}
.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}
.AdSenseBoxRightColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}
.AdSenseBoxLeftColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}

.ReturnToNavBox {
background-color: #fff;
width: 90%;
border-top: 1px solid #8f8fb3;
border-bottom: 1px solid #8f8fb3;
margin: 0 auto 12px auto;
padding: 4px;
}
	

/* -- RSS Box -- */

#RSSbox {
width: 148px;
background-color: #ffc;
border: 1px solid #8f8fb3;
margin: 8px auto 10px 3px;
padding: 2px 2px 10px 2px;
font-size: 100%;
font-weight: bold;
color: #1d487e;
line-height: 14px;
text-align: center;
}

/* SEARCH BAR  */

.searchbar {
float: right;
margin: 10px 20px 5px 5px;
padding: 10px 10px 10px 10px;
border: 1px solid #8f8fb3;
}


/* -- floats -- */

.ItemRight {
float: right;
margin: 2px 0 12px 18px;
text-align: center;
}

.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: both;
}

.ItemLeft {
float: left;
margin: 2px 18px 12px 0;
text-align: center;
}

.center { 
text-align: center;
}

/*  Agent's Contact Info  */

#agt-info {
	padding:10px 20px
}

#agt-pic {
float: left;
	padding:2px;
	margin:0px 0px 0px 25px;
	/*border:#ccc solid 3px*/
}

#agency-logo 
{
	padding:2px;
	margin:20px 0px 0px 0px;
}


.agt-name {
	font-weight: bold; font-size: 18px; COLOR: #000000
}
.agt-title {
	font-size: 12px; COLOR: #000000; padding:2px 0px
}
.agency {
	font-size: 12px; COLOR: #000000; padding:2px 0px
}
.agt-email {
	font-size: 12px; COLOR: #000000; padding:2px 0px
}

.agt-mobile {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1b4e6b;
	font-weight: bold;
	text-transform:capitalize;
	text-decoration:none;
	line-height:normal;
	display:block;
	/* padding-top:10px;
	padding-left:0px; */
	margin:5px 0px 20px 0px;

}


/* The border of the image inside the half width textbox can be changed.
Current colour setting is #5F8B8C. Border type can be either solid, dashed or dotted */

/*** IMAGE SETTING FOR FLOAT LEFT & RIGHT ***/
.img-float-left {
	float: left;
	padding: 2px;
	margin-right: 5px;
	border: 2px solid #575473;
}
.img-float-right {
	float: right;
	padding: 2px;
	margin-left: 5px;
	border: 2px solid #575473;
}
/*** CLEARING A FLOAT ***/
div.clear {
	clear: both;
	width: 100%;
	height: 1px;
}



/*** FULL WIDTH TEXT BOX SETTINGS. ***/


div.full-box {
   background-color: #ffffff;
	margin: 15px 0px 10px 0px;
	padding: 15px;
   border: 1px solid #575473;
	
}

div.full-box2 {
   background-color: transparent;
	margin: 2px 5px 2px 5px;
	padding: 1px;
   border-top: none;
	border-bottom: 1px solid #575473;
	border-right: none;
	border-left: none;
	
}

div.full-box3 {
   background-color: #f3f7f9;
	margin: 2px 5px 2px 5px;
	padding: 10px;
	border: 1px solid #575473;
  
}

div.full-box4 {
   width: 70%;
background-color: #f3f7f9;
	margin: 2px 0px 2px 0px;
	padding: 10px;
	border: none;
  
}

/*** CENTER BOX SETTINGS***/

div.center-box {
   width: 50%;
   background-color: #e9feff;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
   border: 1px solid #07606f;
	
}

div.center-box1 {
   width: 50%;
   background-color: #fff;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
   border: 1px solid #07606f;
	
}

div.center-box2 {
   width: 50%;
   background-color: #fff;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
   border: none;
	
}

div.center-box3 {
    width: 70%;
   background-color: #f3f7f9;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
   border: none;
	
}
	
/***Half width box-Float left ***/
div.half-box-left {
   background-color: #f3f7f9;
	margin: 18px auto 24px auto;
	border: none;
	padding: 10px;
	width: 46%;
	float: left;
	
}
/*** Half width box-Float Right ***/
div.half-box-right {
   background-color: #ffffff;
	margin: 18px auto 24px auto;
	border: 1px solid #575473;
	padding: 10px;
	width: 46%;
	float: right;
	
}