﻿

	p {
		font-family: 'Open Sans', Arial, Helvetiva, Tahoma, sans-serif;
		font-size:0.875em; /*14px*/
		line-height: 1.429em; /*20px*/ 
		color: #333;
		}
/* ---------------------------------------------------------------
    FOR IFRAME
	-------------------------------------------------------------- */
	
	.myIframe {
	    xoverflow: auto; 
	    -webkit-overflow-scrolling:touch;  
	    border:none;
    }

	.myIframe iframe {
		width: 100%;
		min-height:100%;
		border:none;
		overflow: hidden;
	}
	
	
.morelistingInfo {
	overflow:hidden;
	display:block;
}
.morelistingInfo ul.footer-list li {
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 0.75em;
	line-height:2.500em;
}
.morelistingInfo ul.footer-list li a:link {
	color: #fff;
}

/* --------------------------------------------------------
	FOOTER
   -------------------------------------------------------- */
	.row.footerMenu {
	background: #333;
	height: 2em;
}
.footerInfo {
	overflow:hidden;
	display:block;
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
footer ul.footer-list li {
	display: inline-block;
	margin: 5px 12px 5px 0;
	font-size: 0.75em;
	line-height:2.500em;
}
footer ul.footer-list li a {
	color: #fff;
}
.row.copyright {
	background: #282828;
}
.copyright p {
	text-align: center;
	font: bold 11px/30px Arial, Tahoma, Helvetica, sans-serif;
	color: #AAA;
	line-height:16px;
	margin:10px auto;
}
/* --------------------------------------------------------
	RESETS
   -------------------------------------------------------- */
	html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, b, u, i, ol, ul, li, form, label, table, caption, article, aside, canvas, footer, header, hgroup, menu, nav, output, section, time, audio, video, input, textarea, label {
	xmargin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
ul, ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
body {
	background:#fff;
	font-family:'Open Sans', Arial, Helvetiva, Tahoma, sans-serif;
	color: #333;
}
a {
	text-decoration: none;
	color: #107FC9;
	cursor:pointer;
}
a:visited {
	color: #75A8C5;
}
a:hover {
	text-decoration: underline;
}
a img {
	cursor: pointer;
}


/*	--------------------------------------------------
    :: THE GRID
	-------------------------------------------------- */
	
	.row {
		padding: 0 1.09375%;  /*  0 21px (2.1875%/2)*/
		background: #FFF;
		width: 100%;
		
		max-width: 960px;
		margin: 0 auto;
		overflow: hidden;
		box-sizing:content-box;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		-ms-box-sizing:content-box;
		
	}


/* --------------------------------------------------------
	HEADER - LOGO 
   -------------------------------------------------------- */
		
	.logo {
		float: left;
		display:inline-block;
		}
		
	.logo img {
		margin-top:20px;
		}

/* --------------------------------------------------------
	MAIN NAVIGATION
   -------------------------------------------------------- */
	nav.row {
		display:none;
		}
	
	.navi-primary {  /*Desktop Version*/
		display:none;
		}
							
		
/*-- MAIN NAV --*/
	
    .nav-res > li {
        float: none;
		text-align:left;
		border-bottom:1px solid #e5e5e2;
    }
    .nav-res > li:last-child {
        float: none;
	text-align:left;
	border-bottom:none;
    }
	
   .nav-res > li.hover > ul , .nav-res li li.hover ul {
        position: static;
    }
	
	.nav-res {
    	list-style: none;
    	*zoom: 1;
     	background:#fff;
		xborder-bottom:1px solid #E5E5E2;
	}

	.nav-res a {
   		padding: 10px 15px;
    	color:#333;
	}

	.nav-res > li > .parent {
   		background-image: url("../images/nav-resArrow.png");
    	background-repeat: no-repeat;
    	background-position: right;
	}
	
	.nav-res > li > a {
    	display: block;
	}
	
	.nav-res li  ul {
    	position: absolute;
    	left: -9999px;
	}

	.nav-res li li a {
    	display: block;
   	 	background: #80B000;
    	position: relative;
    	z-index:100;
    	border-top: 1px solid #e5e5e2;
		color: #fff;
		font-size: 0.875em; /*14px*/
		line-height: 1.286em; /*18px*/
	}
.leaderboard-res
{
		margin: 10px auto;
}


/*	--------------------------------------------------
    :: GO TO TOP
	-------------------------------------------------- */
	
	.gotop {
		position: fixed;
		bottom: 50px;
		right: 0.5em;
		background: url(http://clips.thestar.com.my/Classifieds/StarSearch/img/backtotop.png) center no-repeat;
		width: 47px;
		height: 47px;
		display: block;
		opacity: .8;
		filter: alpha(opacity=80);
		z-index: 999;
	}
	
	/* --------------------------------------------------------
	ADVERTISEMENT BANNER
   -------------------------------------------------------- */	   
    .med-rec p, .leaderboard p, .leaderboard-res p {
		font-size: 0.625em; /*10px*/
		line-height: 1.400em; /*14px*/
		text-align: center;
		text-transform: uppercase;
		color: #999;
		}
	
	/*----- LEADERBOARD -----*/	
	
   .leaderboard-inline {  /*728 X 90 banner (HEADER)*/
	  float: right;
	   margin: 15px 0 5px 0;
	   z-index: 2000;
	   }
   
	.leaderboard { /*728 X 90 banner (GENERAL)*/
		text-align:center;
		display:block;
		margin-bottom: 30px;
		
		}