/* ---- GLOBAL MAP ELEMENTS ---- */
.map { position:relative; }
.map li { position:absolute; display:block; cursor:pointer; list-style:none; }
.map label { display:inline-block; color:#0b8fc5; line-height:13px; font-size:12px; position:absolute; white-space:nowrap; cursor:pointer; }
.lte8 .amp label{ display:block; width:100%;}
.map li label { position:absolute; z-index:50; }
.map li.click label { z-index:100; }
.map li:hover label, .map_lg .map li.click label { background-position:-251px 100%; text-decoration:none; color:#FFF; }
.map li label select { display:none; width:210px; height:24px; margin:10px 0 3px 0; background:#FFF; border:1px solid #e1e1e1; padding:2px; border-radius:4px; }
.map li.click label select, .map li.click label a { display:block; }
.map label a { display:none; float:right; width:10px; height:10px; background:url('/images/icons_sm.png') no-repeat 0 -500px; }

/* TYPEKIT FONTS */
.start strong { font-family:"proxima-nova", sans-serif; font-weight:400; } 
.start { font-family:"proxima-nova-condensed", "Arial Narrow", sans-serif; font-weight:700; }

/* ---- SMALL MAP ---- */
.map_sm { background:url('/images/shdw_lft.png') no-repeat; margin:-6px 0 10px -13px; padding:0 0 0 13px; z-index:100; position:relative; }
.map_sm .map { background:url('/images/map_sm.jpg') no-repeat; position:relative; width:340px; height:233px; }
.map_sm h3 { background:#21b0e6; color:#FFF; font-size:21px; }
.map_sm h3, .map_sm .c-3 { margin:0; padding:12px 20px; }
.map_sm .search { width:263px; height:18px; padding:5px 5px 5px 32px; font-size:14px; line-height:18px; background:#FFF url('/images/icons_sm.png') no-repeat 8px -245px; color:#6c6c6c; font-family:Arial, Helvetica, sans-serif; border:1px solid #d2d2d2; }
.map_sm .map label { background:url('/images/map_label.png') no-repeat 0 100%; bottom:40%; left:10%; padding:5px 5px 19px 10px; }
.map_sm .map li label select { width:197px; }
.map_sm .map li:hover label, .map_sm .map li.click label { background-position:-234px 100%; text-decoration:none; color:#FFF; }
.map_sm .nor { left:15px;  top: 53px; width:130px; height:90px; }
.map_sm .nor label { bottom:55%; }
.map_sm .cen { left:75px;  top:119px; width: 110px; height:30px; }
.map_sm .cen label { white-space:normal; max-width:100px; left:0; }
.map_sm .click.cen label { max-width:none; }
.map_sm .sou { left:80px;  top:155px; width: 45px; height:65px; }
.map_sm .sou label { left:-5px; }
.map_sm .eur { left:165px; top: 62px; width: 50px; height:40px; }
.map_sm .mid { left:190px; top: 50px; width:135px; height:80px; }
.map_sm .mid label { bottom:20%; }
.map_sm .afr { left:150px; top:129px; width: 55px; height:60px; }
.map_sm .pac { left:243px; top:139px; width: 70px; height:50px; }
.map_sm .pac label { left:-20px; }

/* ---- LARGE MAP ---- */
.map_lg { background:url('/images/bg_grad.jpg') repeat-x 0 54px; padding-bottom:27px; }
.map_lg .c-3 { margin:0; padding:12px 20px 8px; position:relative; z-index:5; }
.map_lg .search { width:263px; height:18px; padding:5px 5px 5px 32px; font-size:14px; line-height:18px; background:#FFF url('/images/icons_sm.png') no-repeat 8px -245px; color:#6c6c6c; font-family:Arial, Helvetica, sans-serif; border:1px solid #d2d2d2; float:right; }
.map_lg h3 { color:#FFF; float:left; line-height:30px; }
.map_lg .search + h3 { font-size:21px; float:right; margin-right: 20px; }

	/* menu */
.map_lg .start { width:221px; float:left; list-style:none; }
.lte8 .map_lg .start { border-top:2px solid #1e9ecf; }
.map_lg .opt { position:relative; background-color:#21b0e6; color:#FFF; font-size:16px; padding:30px 10px 15px 20px; line-height:20px; }
.map_lg .opt.trip { background-color:#1e9ecf; }
.map_lg .opt.prov { background-color:#1a8db8; }
.map_lg .opt.genr { background-color:#157294; }
.map_lg .start:hover .opt:first-child { background-image:none; }
.map_lg .opt:first-child, .map_lg .start:hover .opt:first-child:hover { background-image:url('/images/tip_first.png'); background-repeat:no-repeat; background-position:100% 45px; }
.map_lg .opt:hover { background-image:url('/images/tip_left.png'); background-repeat:no-repeat; background-position:100% 45px; }
.map_lg .opt strong { font-weight:normal; display:block; font-size:30px; line-height:1; }
.map_lg .opt.genr strong { font-size:21px; }

	/* menu flyout */
.map_lg .opt ul { display:none; position:absolute; left:100%; top:0; background:#FFF; width:190px; z-index:200; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.map_lg .opt .cols-2 { width:370px; }
.map_lg .opt .cols-3 { width:550px; }
.map_lg .opt .cols-4 { width:730px; }
.map_lg .opt:hover ul { display:block; list-style:none; }
.map_lg .opt li { padding:10px 0 10px 10px; display:block; float:left; width:170px; }
.map_lg .opt li a { display:block; color:#252525; font-size:12px; padding:3px 10px; margin:0 0 2px; }
.map_lg .opt li a:hover { background:#21b0e6; color:#FFF; text-decoration:none; }

	/* map */
.map_lg .map { background:url('/images/map_lg.png') no-repeat; margin:52px 0 0 50px; width:645px; height:320px; float:left; }
.map_lg .map li:hover, .map_lg .map li.click { background-image:url('/images/map_lg.png'); }
.map_lg .nor { width:282px; height:180px; left:0; 	  top:0; }
.map_lg .cen { width:120px; height:51px;  left:135px; top:158px; }
.map_lg .sou { width:87px;  height:137px; left:155px; top:182px; }
.map_lg .eur { width:109px; height:93px;  left:259px; top:46px; }
.map_lg .mid { width:298px; height:193px; left:348px; top:10px; }
.map_lg .afr { width:124px; height:137px; left:272px; top:133px; }
.map_lg .pac { width:156px; height:129px; left:469px; top:169px; }
.map_lg .nor:hover, .map_lg .nor.click { background-position: 0 -320px; }
.map_lg .cen:hover, .map_lg .cen.click { background-position: -282px -413px; }
.map_lg .sou:hover, .map_lg .sou.click { background-position: -515px -320px; }
.map_lg .eur:hover, .map_lg .eur.click { background-position:-282px -320px; }
.map_lg .mid:hover, .map_lg .mid.click { background-position: -347px -457px;}
.map_lg .afr:hover, .map_lg .click.afr { background-position:-391px -320px; }
.map_lg .pac:hover, .map_lg .click.pac { background-position:0 -500px; }
.map_lg .map label { background:url('/images/map_bubble.png') no-repeat 0 100%; bottom:40%; left:20%; padding:8px 9px 22px 17px; }
.map_lg .map .cen label { left:-10px; top:-15px; }
.map_lg .map .cen.click label { margin-top:-35px; }

/*IE fixes*/
/*targeting parent's z-index*/
.lte8 .map li.click{ z-index:110;}
.lte8 .map_lg .opt:hover{z-index:110;}


/* CSS3 STYLES */
.start {
-webkit-box-shadow: -3px 5px 5px rgba(0, 0, 0, .1);
   -moz-box-shadow: -3px 5px 5px rgba(0, 0, 0, .1);
        box-shadow: -3px 5px 5px rgba(0, 0, 0, .1);
}
.map_lg .opt ul {
-webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, .1);
   -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, .1);
        box-shadow: 3px 5px 5px rgba(0, 0, 0, .1);
}