@charset "utf-8";
/* CSS Document */

/* The click image map styling */
#imap {/*width:240px; height:350px;*/ background:transparent url(../images/img/new-zealand-image-map.png) no-repeat scroll left top; position:relative; overflow:hidden;}
#imap ul {/*background:transparent url(../images/img/new-zealand-image-map-reddots.png);*/ padding:0; margin:0; width:240px; height:350px; list-style:none;}
#imap ul li {display:inline; width:0; height:0;} /* needed for IE to function correctly */

/* positioning the clickable areas on the map */
#imap ul li a {position:absolute; display:block; width:15px; height:15px; cursor:default; /*background:#f93;*/ background:transparent url(../images/img/circle_map.png) no-repeat scroll top left; }
#imap ul li.p1 a {top:22px;left:126px;}
#imap ul li.p2 a {top:56px;left:145px;}
#imap ul li.p3 a {top:64px;left:166px;}
#imap ul li.p4 a {top:89px;left:187px;}
#imap ul li.p5 a {top:103px;left:164px;}
#imap ul li.p6 a {top:128px;left:142px;}
#imap ul li.p7 a {top:119px;left:182px;}
#imap ul li.p8 a {top:152px;left:175px;}
#imap ul li.p9 a {top:152px;left:156px;}
#imap ul li.p10 a {top:171px;left:150px;}
#imap ul li.p11 a {top:173px;left:115px;}
#imap ul li.p12 a {top:220px;left:72px;}
#imap ul li.p13 a {top:230px;left:104px;}
#imap ul li.p14 a {top:282px;left:57px;}
#imap ul li.p16 a {top:255px;left:70px;}
#imap ul li.p15 a {top:300px;left:26px;}

/* styling of onclicks and focusses and removing span text */
#imap ul li a span {display:none;}
#imap ul li a:hover {cursor:pointer;border:0px none;background-position:-15px 0px;/*background:#f60;*//*background:transparent url(../images/img/circle_map_orange_over.png) no-repeat scroll top left;*/}
#imap ul li a:active,
#imap ul li a:focus {position:relative;width:15px;height:15px;z-index:0;background-position:-30px 0px;/*position:static;width:240px;height:350px;z-index:0;text-decoration:none;/*background:transparent;*//*background:transparent url(../images/img/circle_map_red.png) no-repeat scroll top left;*/}
#imap ul li a:active span,
#imap ul li a:focus span { /*display:block; position:absolute;left:300px; top:200px; color:#fff; border:1px solid #000; background:#888; padding:5px;*/}

/*
	Specifications for container for layers to show/hide.
	Most browsers need both width and height set.
*/
#locationsContainer	{/*height:300px;*/position:relative;width:440px;z-index:100;}

/* Include id's for all your layers here, with commas between. */
#L0,#L1,#L2,#L3,#L4,#L5,#L6,#L7,#L8,#L9,#L10,#L11,#L12,#L13,#L14,#L15, #16
{ position:absolute; visibility:hidden; left:0px; top:0px; z-index:1; }