img, div, a, input
{
	behavior: url(http://rafflescity.com.sg/themes/rafflescity/iepngfix.htc);

}

.pointer
{
	cursor: pointer;
}

img.whitept {
	margin: 0px;
	padding: 0px;
	width:5px;
}

#mapcontainer ol, #mapcontainer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.left
{
	float: left;
}

.hidden
{
	display: none;
}

.mandatory
{
	color: Red;
}



.right
{
	float: right;
}


.clear
{
	clear: both;
}

.bold
{
	font-weight: bold;
}

.white
{
	color: #fff;
}

.italic
{
	font-style: italic;
}

.uppercase
{
	text-transform: uppercase;
}

.lowercase
{
	text-transform: lowercase;
}

.block
{
	display: block;
}

.empty-row-message
{
	padding: 10px;
	text-align: center;
	background-color: #fff;
	font: normal bold 12px/12px verdana;
	border: 1px solid #ccc;
}

.text-left
{
	text-align: left;
}

.text-right
{
	text-align: right;
}

.pointer
{
	cursor: pointer;
}

.grey-border
{
	border: 1px solid #ccc;
}

.10px
{
	font-size: 10px;
}

.disabled
{
	color: #909090;
}



/* Start */


        .container
        {
			width: 785px;
			height: 830px;
			margin-top: -50px;
        }
        span#lnkBackToCenter
        {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 100;
        }

        .mapwrapper
        {
            position: absolute;


        }

        .hovermap
        {
            border: 1px solid #f00;
            background-color: #012442;
        }
        #category-wrapper
        {
            position: relative;
            width: 216px;
            height: auto;
            margin: 0;
            padding: 0px 0 0px 0;
        }
        /*category dropdown styling*/.select-category
        {
            position: absolute;
            background-position: 201px center;
            background-repeat: no-repeat;
            width: 185px;
            height: 18px;
            padding: 4px 24px 0px 8px;
            color: #000;
            font: 11px Arial, Helvetica, sans-serif;
            overflow: hidden;
            display: block;
            background-color: white;
        }
        .style-dropdown
        {
            position: absolute;
            width: 140px;
            opacity: 100;
            filter: alpha(opacity=0);
            z-index: 5;
			margin-top: 15px;
        }
        select
        {
            font: 11px Arial;
            height: 18px;
            line-height: 1em;
            margin: 0;
            padding: 0;
        }
        option
        {
            font: 10px Arial, Helvetica, sans-serif;
            font-weight: normal;
        }
        /*end of category dropdown styling*/#directory-wrapper
        {
            margin-top: 5px;
        }
        /*search box styling*/#search-wrapper
        {
            width: 100%;
            position: relative;
        }
        input#txtSearch
        {
            height: 16px;
            border: 0px solid #fff;
            width: 211px;
            margin-top: 17px;
            margin-bottom: 5px;
            padding-top: 4px;
            padding-left: 5px;
            color: #000;
            font-size: 11px;
        
        }
        /*end of search box styling*/#directory-column
        {
            float: left;
            width: 234px;
            height: 520px;
			color: #000000;
        }
        /* tenant listing / store details styling */#listing-wrapper
        {
            background-color: #ffffff;
            display: block;
            height: 500px;
            overflow: hidden;
            position: relative;
            width: 220px;
            border-top: none;
            padding-top: 1px;			
			margin-left: 0;
			padding-left: 0;
			margin-right: 0;		
        }
		::-webkit-scrollbar {
			width: 13px;	
		}
		::-webkit-scrollbar-button:start:decrement {
			height: 13px;
			width: 13px;
			display: block;
			background-image: url(../../images/template/arrowtop.jpg);
		}
		::-webkit-scrollbar-button:end:increment {
			height: 13px;
			width: 13px;
			display: block;
			background-image: url(../../images/template/arrowbtm.jpg);
		}
		::-webkit-scrollbar-track {
			  background-color: #c3c4c6;
		} /* the new scrollbar will have a flat appearance with the set background color */
		::-webkit-scrollbar-thumb {
			  background-color: rgba(0, 0, 0, 0.2);
		} /* this will style the thumb, ignoring the track */
		::-webkit-scrollbar-corner {
			  background-color: black;
		} 
        #listing, #store-details
        {
            background: #ffffff;
            display: inline;
            float: left;
            height: 500px;
            overflow-x: hidden;
            overflow-y: auto;
            width: 175px;
			margin: 0px;
			padding: 0px;
			text-indent: -0.4em;	
        }
        li.catlist
        {
            padding-top: 1px;
            padding-bottom: 3px;
			color: #bb4b9d;
			font-size: 26px;
        }

        li.catlist span
        {
            font: 11px Arial;
			color: #000000;
        }

        ul#tenant-listing, 
        {
            line-height: 15px;
			background-color: #ffffff;				
			margin: 0;
			padding: 0;
		}
		
		ul#tenant-listing li
		{
			margin: 0;
			padding: 0;
		}
		
		/*ul#tenant-listing li.title_category {
			font-size: 30px;
			color: #C3C;
		}*/
		
        li.doglist span:hover
        {
            background-color: #ffffff;
            color: #01a4a3;
            display: list-item;
        }
		
        li.active-category span
        {
            color: #ffffff;
        }
        div.newstore
        {
			float:left;
			margin:0px 3px 0 0;
			padding:2px 5px 2px 5px;
			line-height:7px;
            background-color: #ff7012;
            color: #fff;
			font-size:8px;
			height:7px;
			display:inline;
        }
        /* end of listing styling *//*category tab*/ul#categoryTab
        {
            margin-left: 0px;
        }
        li.tab
        {
            float: left;
            background-color: #333333;
            margin-top: 4px;
            font: 11px/14px Arial, Helvetica, sans-serif;
            color: #fff;
        }
        li.active-tab
        {
            background-color: #dddddd;
            color: #000;
			font-weight: bold;
        }
        li#tab-fulllists
        {
            padding: 7px 28px 5px 15px;
        }
        li#tab-stored-details
        {
            padding: 7px 46px 5px 15px;
        }
        div#tenant-category-header
        {
            text-align: center;
            padding: 5px 0px;
            background-color: #222222;
            color: #fff;
        
            font-size: 11px;
            text-transform: uppercase;
            font-weight: bold;
        }
        /*end of category tab*//*Store details styling*/
		
		h2.store-title
        {
        
            text-align: center;
            padding: 20px 20px;
			font-size: 16px;
			border-bottom:solid 1px #666666;
			color: #666666;
        }
        div.store-phone
        {
            display: block;
        
			color: #666666;
        }

        div.store-website, div.store-website a
        {
        
            font-size: 12px;
            text-decoration: none;
            color: #000;
        }
        div.store-website a:hover
        {
            text-decoration: underline;
        }
        div.store-description
        {
            padding: 10px 0px;
			color: #666666;
			font-size: 11px;
        }
        div.store-description p
        {
        
            font-size: 13px;
			margin-top: 10px;
            line-height: 14px;
        }
        div.store-phone
        {
        
            font-size: 13px;
            padding: 5px 0px;
        }
        div#store-details div
        {
            margin-left: 20px;
            margin-right: 20px;
        }
        div.store-new
        {
            color: #fff;
            background-color: #FF4021;
        
            font-size: 12px;
            width: 40px;
            padding: 4px 0px;
            text-align: center;
        }
        /*end of store details styling*/div.line
        {
            background-color: #ccc;
            border-top: solid 1px #ccc;
        }

        div#mapcontainer
        {
            width: 100%;
			height: 583px;
        }
        /*Floor level styling*/#floor-level span
        {
            padding: 0px 7px;
        
            font-size: 12px;
            color: #000;
            font-weight: bold;
        }
		
		#floor-level span.title_category
		{
			color: #af3f95;
			font-size: 13px;
			font-weight: bold;
		}
		
        #floor-level span.levelindicator:hover, #floor-level span.levelindicator.active
        {
            color: #01a4a3;
        }
		#floor-level span.levelindicator.inactive
        {
            color: #cccccc;
        }
        #floor-level
        {
            padding-bottom: 5px;
        }
        /* Facilities styling */#facilities
        {
            position: absolute;
            right: 0px;
            top: -37px;
        }

        #facilities ul li
        {
            float: left;

            padding: 2px 3px 0px 3px;
			text-align:center;
			width: 55px;
			
        }

		 #facilities ul li a
	        {
				text-align:center;
	        }
	

		#facilities ul li.active a, #facilities ul li:hover, #facilities ul li a:hover
		{
			color:#ff4012;
			text-align: center;
		}


        #facilities ul li div.facititytitle
        {
            text-transform: uppercase;
			font-weight: normal;
			font-size:9px;
			line-height: 10px;
			margin-bottom: 2px;
			clear:both;
        }
		
        /* end of facilities styling*/#topcontainer
        {
            position: relative;
            margin: 0px 0px;
			padding: 0px 0px;
			width: 150px;		
        }
        #downloadmap
        {
            position: absolute;
            right: 430px;
            top: -10px;
        }
        /*storename-tooltip styling*/#storename-tooltip-container
        {
            background-color: #af3f95;
            color: #000;
            width: 100px;
            position: absolute;
            z-index: 101;
            text-align: center;
			padding: 0px;
			margin:0px;
        }
        #storename-tooltip,
        .tooltip
        {
        
            font-size: 11px;
            text-transform: uppercase;
            padding: -10px 0px;
            background-color: #fff;
            color: #000;
            width: 100px;
            border:1px solid #fff;
			margin:0px;
        }   

#marker
{
	position: absolute;
	padding:1px;
	background-color: #ff0000;
	width:5px;
	height:5px;
	z-index: 102;
}

.title_directory {
	font-size: 40px;
}