/**
 * 	plugin css
 */
.map-container{
	position:relative;
	width: 98%;
}

#pluginDetails{
	margin-top: 50px;
}

#floor-map{
	background:#fff;
	width: 100%;
	height: 500px;
	border: 1px solid #999;
	position: relative;
}
#floor-list{
	width: 30px;
	position: absolute;
	right:10px;
	top: 10px;
}
#floor-list ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#floor-list.horizontal{
	width: auto;
}
#floor-list.horizontal ul{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
#floor-list.horizontal ul li{
	float: left;
	margin-right: 3px;
}
#floor-list ul li a{
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(58, 56, 63);
	/* RGBa with 0.6 opacity */
	background: rgba(58, 56, 63, 0.8);	
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-bottom: 6px;
	padding-top: 6px;
	font-size: 11px;
	
}
#floor-list ul li a:hover, #floor-list ul li a.active{
	background: #ec008c;
}
#positionButtonDiv{
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(58, 56, 63);
	/* RGBa with 0.6 opacity */
	background: rgba(58, 56, 63, 0.8);	
	border: solid 1px #100000;
	color:#FFFFFF;
	padding: 8px;
	text-align: left;
	position:absolute;
	right:12px;
	top: 170px;
}

#positionButtonDiv .positionButtonSpan img{
	float: right;
	border:0;
}

.positionMapClass area{
	cursor: pointer;
}

.zoomButton{
	border:0;
	cursor: pointer;
}

.zoomableContainer{
/*background-image: url("../images/store-locator/transparent.png");*/
	background: #ccc;
	
}
.amenities-icons{
	padding: 10px 0 30px 0;
}
.amenities-icons h4{
	font-size:12px;
	float:left;
	margin:15px 30px 0 0;
	text-transform:uppercase;
	color:#78787b;
}
.amenities-icons ul{
	list-style-type: none;
	padding: 0;
	margin: 20px 0 0 0;
}
.amenities-icons ul li{
	float: left;
	margin-right: 10px;
}
.amenities-icons ul li a{
	color:#78787b;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	line-height:10px;
	padding-top:43px;
	width: 45px;
	height: 39px;
	display: inline-block;
	border-radius: 4px;
	cursor:pointer;
	background: url(../images/amenities-icons.png) no-repeat;
}
.amenities-icons ul li a:hover,.amenities-icons ul li a.active{
	color:#ec008e;
	text-decoration:none;
}
.amenities-icons ul li a.toilet{background-position: 4px -50px;}
.amenities-icons ul li a.escalator{background-position: 4px -100px }
.amenities-icons ul li a.stairs{background-position:4px -152px; }
.amenities-icons ul li a.atm{background-position:4px -202px;}
.amenities-icons ul li a.nursing{background-position:-66px 0px;}
.amenities-icons ul li a.wheel-chair{background-position:-66px -51px;}
.amenities-icons ul li a.lift{background-position:-66px -102px;}
.amenities-icons ul li a.parking{background-position:-66px -152px;}

.amenities-icons ul li a.elevator:hover,.amenities-icons ul li a.elevator.active{background-position: -121px 0;}
.amenities-icons ul li a.toilet:hover,.amenities-icons ul li a.toilet.active{background-position: -117px -50px;}
.amenities-icons ul li a.escalator:hover,.amenities-icons ul li a.escalator.active{background-position: -117px -100px }
.amenities-icons ul li a.stairs:hover,.amenities-icons ul li a.stairs.active{background-position:-117px -152px; }
.amenities-icons ul li a.atm:hover,.amenities-icons ul li a.atm.active{background-position:-117px -202px;}
.amenities-icons ul li a.nursing:hover,.amenities-icons ul li a.nursing.active{background-position:-187px 0px;}
.amenities-icons ul li a.wheel-chair:hover,.amenities-icons ul li a.wheel-chair.active{background-position:-187px -51px;}
.amenities-icons ul li a.lift:hover,.amenities-icons ul li a.lift.active{background-position:-187px -102px;}
.amenities-icons ul li a.parking:hover,.amenities-icons ul li a.parking.active{background-position:-187px -152px;}

.map-filter{
	background:#fff;
	border: 1px solid #ccc;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
}
.map-filter h3{
	margin: 0;
}
.map-filter input[type="text"], .map-filter select{
	border: 1px solid #ccc;
	padding: 3px;
	width:50%;
	margin-left: 10px;
}
.map-filter .shop-list{
	height: 177px;
	overflow-y: scroll;
	border: 1px solid #ccc;
	padding:1px;
}
.map-filter .shop-list ul{
	list-style-type: none;
	padding:0;
	margin: 0;
	
}
.map-filter .shop-list ul li a{
	background:#fff;
	border-bottom: 1px solid #ccc;
	width: 100%;
	display: inline-block;
	padding: 4px;
	cursor: pointer;
	color: #333;
	text-decoration: none;
	opacity: 1;
}
.map-filter .shop-list ul.disable li a{
	opacity: .5;
	cursor: default;
}
.map-filter .shop-list ul.disable li a:hover, .map-filter .shop-list ul.disable li a.active, .map-filter .shop-list ul.disable li a.focus{
	background:#fff;
	color: #333;
	text-decoration: none;
	
}
.map-filter .shop-list ul li a:hover, .map-filter .shop-list ul li a.active{
	background-color: #ec008c;
	color:#fff;
	text-decoration: none;
}

.map-filter h4, .map-filter h3{
	margin-top: 0;
	text-transform: uppercase;
}
.map-filter .shop-detail p{
	font-weight: bold;
}
.map-filter .shop-detail p span{
	font-weight: normal;
	margin-right: 30px;
}
.search-container a.search{
    background: url("../images/sprite-icons.png") no-repeat scroll -35px -386px #4d4d4d;
    display: inline-block;
    height: 28px;
    vertical-align: top;
    width: 28px;
    cursor: pointer;
}
.search-container a.search:hover{
    background-color: #ec008c;
}

/*-- Media Queries --*/
@media only screen and (max-width:480px) {
    #floor-map{
        height: 280px;
    }
    #floor-list{
        left: 10px;
        top: 30px;
    }
    .search-container{
        margin:50px 0 10px 0;
    }
    .map-filter input#searchbyname{
        width: 60%;
    }
    select#category-list{
        width: 67%;
    }
    .amenities-icons ul{
        clear: both;
    }
}
@media only screen and  (max-width:768px) and (min-width:481px){
    .search-container{
        margin:50px 0 10px 0;
    }
    .map-filter input#searchbyname{
        width: 60%;
    }
    select#category-list{
        width: 63%;
    }
}