@charset "iso-8859-1";

#map {position:relative; margin:0px 0 0 0px; width:672px; height:348px;}
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {
	position:absolute;
	left: 235px;
	top: 165px;
	width: 22px;
}
#map ul li#europe {
	width:48px;
	height:50px;
	top:89px;
	left:55px;
}
#map ul li#thailand {
	width:20px;
	height:30px;
	top:153px;
	left:241px;
}
#map ul li#malaysia {
	width:25px;
	height:30px;
	top:173px;
	left:216px;
}

#map ul li#singapore {
	width:25px;
	height:50px;
	top:183px;
	left:236px;
}

#map ul li#china {
	width:25px;
	height:30px;
	top:120px;
	left:265px;
}

#map ul li#taiwan {
	width:30px;
	height:30px;
	top:158px;
	left:266px;
}

#map ul li#philippines {
	width:35px;
	height:50px;
	top:163px;
	left:266px;
}

#map ul li#tokyo {
	width:25px;
	height:40px;
	top:118px;
	left:306px;
}

#map ul li#san {
	width:25px;
	height:40px;
	top:125px;
	left:490px;
}


/* remove the absolute position from the list items for lte IE6 */
* html #map ul li {position:static;}

/* and give the absolute position to the links for lte IE6 */
* html #map ul li a.tl {
	position:absolute;
	left: 307px;
	top: 137px;
	width: 29px;
	height: 31px;
}
* html #map ul li#europe a.tl {top:89px; left:55px;}
* html #map ul li#thailand a.tl {top:159px; left:272px;}
* html #map ul li#malaysia a.tl {top:173px; left:216px;}
* html #map ul li#singapore a.tl {top:183px; left:236px;}
* html #map ul li#china a.tl {top:131px; left:267px;}
* html #map ul li#taiwane a.tl {top:158px; left:266px;}
* html #map ul li#philippines a.tl {top:185px; left:278px;}
* html #map ul li#tokyo a.tl {top:118px; left:306px;}
* html #map ul li#san a.tl {top:125px; left:490px;}


#map ul li a {text-decoration:none;}

#map ul li a.tl {display:block; text-indent:-9999px; background: url(../contact/images/transparent.gif);}

#map ul li a.tl:hover, #map ul li:hover {z-index:500;}

#map ul li#europe a.tl {width:48px; height:50px;}
#map ul li#europe a.tl:hover, #map ul li#europe:hover {}
#map ul li#thailand a.tl {width:20px; height:30px;}
#map ul li#thailand a.tl:hover, #map ul li#thailand:hover {}
#map ul li#malaysia a.tl {width:25px; height:30px;}
#map ul li#malaysia a.tl:hover, #map ul li#malaysia:hover {}
#map ul li#singapore a.tl {width:25px; height:50px;}
#map ul li#singapore a.tl:hover, #map ul li#malaysia:hover {}
#map ul li#china a.tl {width:25px; height:30px;}
#map ul li#china a.tl:hover, #map ul li#malaysia:hover {}
#map ul li#taiwan a.tl {width:30px; height:30px;}
#map ul li#taiwan a.tl:hover, #map ul li#malaysia:hover {}
#map ul li#philippines a.tl {width:23px; height:22px;}
#map ul li#philippines a.tl:hover, #map ul li#malaysia:hover {}
#map ul li#tokyo a.tl {width:25px; height:40px;}
#map ul li#tokyo a.tl:hover, #map ul li#malaysia:hover {}
#map ul li#san a.tl {width:25px; height:40px;}
#map ul li#san a.tl:hover, #map ul li#malaysia:hover {}




#map ul li .xsnazzy,
#map ul li a .xsnazzy
{visibility:hidden;}

/* For IE6 to work */
* html #map ul li a.tl:hover {border:0;}

* html #map ul li a:hover .xsnazzy {visibility:visible;}

#map ul li:hover .xsnazzy {visibility:visible;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li:hover .xsnazzy {background:url(http://www.cssplay.co.uk/menu/transparent.gif);}

.xsnazzy {
	display:block;
	position:absolute;
	height:auto;
	text-align:center;
	width: 258px;
	left: -234px;
	top: 35px;
}

#europe .xsnazzy {
	left:-53px;
	top:30px;
	width:264px;
}
#thailand .xsnazzy {
	left:-225px;
	top:-190px;
	width:264px;
}

#malaysia .xsnazzy {
	left:-263px;
	top:-20px;
	width:264px;
}

#singapore .xsnazzy {
	left:-213px;
	top:20px;
	width:264px;
}

#china .xsnazzy {
	left:5px;
	top:-30px;
	width:264px;
}

#taiwan .xsnazzy {
	left:5px;
	top:-40px;
	width:264px;
}

#philippines .xsnazzy {
	left:10px;
	top:-25px;
	width:264px;
}

#tokyo .xsnazzy {
	left:5px;
	top:-25px;
	width:264px;
}

#san .xsnazzy {
	left:-280px;
	top:-25px;
	width:264px;
}


.xsnazzy p {margin:0 10px;
			padding-bottom:0.5em;
			text-align:left;
			color:#999999}
.xsnazzy {background: transparent; margin:1em;}


.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #999999; border-right:1px solid #999999;}
.xb1 {margin:0 8px; background:#999999;}
.xb2 {margin:0 6px; background:#999999;}
.xb3 {margin:0 4px; background:#999999;}
.xb4 {margin:0 3px; background:#ffffff; border-width:0 5px;}
.xb5 {margin:0 2px; background:#ffffff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#ffffff; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#ffffff; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#ffffff; border:3px solid #999999; border-width:0 3px;}
.xboxcontent a, .xboxcontent a:visited .xboxcontent a:link {color:#0953b9; text-indent:0; text-decoration:underline;}
.xboxcontent a:hover, .xboxcontent a:active {color:#f5760d; text-indent:0; text-decoration: none;}



/*-- for visible map ---------------------------------------------------------------------------------------------------------------------*/

#map ul li .xsnazzy_ex,
#map ul li a .c
{visibility:visible;}

/* For IE6 to work */
* html #map ul li a.tl:hover {border:0;}

* html #map ul li a:hover .xsnazzy_ex {visibility:visible;}

#map ul li:hover .xsnazzy_ex {visibility:visible;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li:hover .xsnazzy_ex {background:url(http://www.cssplay.co.uk/menu/transparent.gif);}

.xsnazzy_ex {
	display:block;
	position:absolute;
	height:auto;
	text-align:center;
	width: 258px;
	left: -234px;
	top: 35px;
}

.xsnazzy_ex p {margin:0 10px;
			padding-bottom:0.5em;
			text-align:left;
			color:#999999}
.xsnazzy_ex {background: transparent; margin:1em;}

#europe .xsnazzy_ex {
	left:70px;
	top:-20px;
	width:264px;
}

#thailand .xsnazzy_ex {
	left:80px;
	top:-25px;
	width:264px;
}

#malaysia .xsnazzy_ex {
	left:80px;
	top:-20px;
	width:264px;
}

#singapore .xsnazzy_ex {
	left:100px;
	top:-50px;
	width:264px;
}

#china .xsnazzy_ex {
	left:60px;
	top:-30px;
	width:264px;
}

#taiwan .xsnazzy_ex {
	left:50px;
	top:-40px;
	width:264px;
}

#philippines .xsnazzy_ex {
	left:70px;
	top:-50px;
	width:264px;
}

#tokyo .xsnazzy_ex {
	left:20px;
	top:-20px;
	width:264px;
}

#san .xsnazzy_ex {
	left:-320px;
	top:-35px;
	width:264px;
}


/*-- except for ie ----------*/

html>body #europe .xsnazzy_ex {
	left:50px;
	top:-20px;
	width:264px;
}

html>body #thailand .xsnazzy_ex {
	left:80px;
	top:-25px;
	width:264px;
}

html>body #malaysia .xsnazzy_ex {
	left:80px;
	top:-20px;
	width:264px;
}

html>body #singapore .xsnazzy_ex {
	left:100px;
	top:-50px;
	width:264px;
}

html>body #china .xsnazzy_ex {
	left:60px;
	top:-30px;
	width:264px;
}

html>body #taiwan .xsnazzy_ex {
	left:50px;
	top:-40px;
	width:264px;
}

html>body #philippines .xsnazzy_ex {
	left:70px;
	top:-50px;
	width:264px;
}

html>body #tokyo .xsnazzy_ex {
	left:30px;
	top:-25px;
	width:264px;
}

html>body #san .xsnazzy_ex {
	left:-320px;
	top:-35px;
	width:264px;
}

.xboxcontent_ex {display:block; background:#ffffff; border:3px solid #999999; border-width:0 3px;}
.xboxcontent_ex a, .xboxcontent_ex a:visited .xboxcontent_ex a:link, .xboxcontent_ex a:hover, .xboxcontent_ex a:active {color:#f5760d; text-indent:0; text-decoration: none;}
/*#map ul li a:hover .xsnazzy {color:#fff;}
#map ul li:hover .xsnazzy {color:#fff;}
*/