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

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/solar_map.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body { font-family:Arial, Helvetica, sans-serif; margin:0;}

#map {position:relative; margin:0; width:845px; height:650px; overflow:hidden;}
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {position:absolute;}
#map ul li#canada {width:150px; height:85px; top:100px; left:103px;}
#map ul li#hawaii {width:70px; height:50px; top:235px; left:5px;}
#map ul li#us_west {width:70px; height:50px; top:185px; left:113px;}
#map ul li#us_east {width:70px; height:50px; top:185px; left:183px;}

#map ul li#china {width:100px; height:55px; top:185px; left:580px;}
#map ul li#japan {width:55px; height:60px; top:160px; left:695px;}
#map ul li#korea {width:40px; height:30px; top:200px; left:670px;}
#map ul li#asia {width:100px; height:70px; top:255px; left:600px;}
#map ul li#russia {width:355px; height:90px; top:55px; left:400px;}

#map ul li#mideast {width:115px; height:75px; top:210px; left:480px;}

#map ul li#europe {width:130px; height:110px; top:108px; left:348px;}

#map ul li#centralamerica {width:65px; height:45px; top:230px; left:150px;}
#map ul li#southamerica {width:125px; height:165px; top:274px; left:215px;}

#map ul li#australia {width:110px; height:90px; top:332px; left:650px;}
#map ul li#africa {width:125px; height:165px; top:220px; left:380px;}

/* 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;}
* html #map ul li#canada a.tl {top:100px; left:103px;}
* html #map ul li#us_west a.tl {top:185px; left:113px;}
* html #map ul li#us_east a.tl {top:185px; left:183px;}
* html #map ul li#us_east a.tl {top:185px; left:5px;}

* html #map ul li#china a.tl {top:185px; left:580px;}
* html #map ul li#japan a.tl {top:165px; left:695px;}
* html #map ul li#korea a.tl {top:200px; left:670px;}

* html #map ul li#asia a.tl {top:255px; left:600px;}
* html #map ul li#russia a.tl {top:60px; left:400px;}

* html #map ul li#mideast a.tl {top:210px; left:480px;}
* html #map ul li#europe a.tl {top:108px; left:348px;}

* html #map ul li#centralamerica a.tl {top:230px; left:150px;}
* html #map ul li#southamerica a.tl {top:274px; left:215px;}

* html #map ul li#australia a.tl {top:332px; left:650px;}
* html #map ul li#africa a.tl {top:220px; left:380px;}


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

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

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

#map ul li#canada a.tl {width:150px; height:90px;}
#map ul li#us_west a.tl {width:70px; height:50px;}
#map ul li#us_east a.tl {width:70px; height:50px;}
#map ul li#hawaii a.tl {width:70px; height:50px;}

#map ul li#china a.tl {width:100px; height:55px;}
#map ul li#japan a.tl {width:60px; height:50px;}
#map ul li#korea a.tl {width:40px; height:30px;}

#map ul li#asia a.tl {width:100px; height:70px;}
#map ul li#russia a.tl {width:300px; height:55px;}

#map ul li#mideast a.tl {width:115px; height:75px;}
#map ul li#europe a.tl {width:130px; height:110px;}

#map ul li#centralamerica a.tl {width:65px; height:45px;}
#map ul li#southamerica a.tl {width:125px; height:165px;}

#map ul li#australia a.tl {width:110px; height:90px;}
#map ul li#africa a.tl {width:125px; height:165px;}



#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(images/transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}

/* STYLES TO CONTROL THE POPUP DIMENSIONS AND POSITIONING */ 

#canada .xsnazzy {left:-85px; top:-60px; width:250px;}
#us_west .xsnazzy {left:-125px; top:0px; width:265px;}
#us_east .xsnazzy {left:40px; top:-65px; width:275px;}
#hawaii .xsnazzy {left:40px; top:-23px; width:275px;}

#china .xsnazzy {left:-95px; top:-125px; width:250px;}
#japan .xsnazzy {left:-115px; top:-125px; width:225px;}
#korea .xsnazzy {left:-125px; top:-185px; width:225px;}

#asia .xsnazzy {left:-200px; top:0px; width:250px;}
#russia .xsnazzy {left:0px; top:-10px; width:250px;}

#europe .xsnazzy {left:-10px; top:60px; width:250px;}
#mideast .xsnazzy {left:-40px; top:30px; width:270px;}

#centralamerica .xsnazzy {left:45px; top:-25px; width:245px;}
#southamerica .xsnazzy {left:-200px; top:0px; width:225px;}

#africa .xsnazzy {left:-55px; top:65px; width:250px;}
#australia .xsnazzy {left:-230px; top:-20px; width:265px;}

.xsnazzy h1, .xsnazzy p {margin:0px 8px;}
.xsnazzy h1 {font-size:16px; font-weight:normal; color:#af393f; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #7e060d; margin-bottom:3px; padding-top:2px;}
.xsnazzy p {padding-bottom:0.8em; padding-top:0.8em; color:#fff; font-size:11px; line-height:15px; text-align:left; border-bottom:1px dotted #555;}

.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 #fff; border-right:1px solid #fff;}
.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#111; border-width:0 5px;}
.xb5 {margin:0 2px; background:#111; border-width:0 4px;}
.xb6 {margin:0 2px; background:#111; border-width:0 3px;}
.xb7 {margin:0 1px; background:#111; border-width:0 3px; height:2px;}  
/*.xb7 {margin:0 1px; background:#7f7f9c; border-width:0 3px; height:2px;} */

.xboxcontent {display:block; background:#111; border:3px solid #fff; border-width:0 3px;}
.xboxcontent strong.state {display:block; margin:0; }
.xboxcontent p {padding:5px 2px; font-size:11px; line-height:14px;}
.xboxcontent a, .xboxcontent a:visited {color:#47A7D3; font-weight:bold; font-size:11px; text-indent:0; border-bottom:1px solid #7CCDFF;}
.xboxcontent strong.vendor {color:#47a7d3;}
.xboxcontent span.vendor-even {font-size:11px; text-indent:0; padding:3px 0; display:block; margin:0; background:#272727; border-bottom:1px solid #111; border-top:1px solid #111; }
.xboxcontent a:hover {color:#8f171e; border-bottom:1px solid #8f171e;}
/*.xboxcontent strong.vendor {color:#fff; font-weight:bold; font-size:11px; text-indent:0; padding:2px 0; display:block; margin:0; background:#222; border-bottom:1px solid #111;}*/
.xboxcontent a.email {color:#7CCDFF; font-weight:normal; font-size:11px; text-indent:0; border-bottom:1px solid #7CCDFF;}

#map ul li a:hover .xsnazzy .xboxcontent a:hover {color:#8f171e;}
#map ul li:hover .xsnazzy .xboxcontent a:hover {color:#8f171e;}

.xsnazzy em.point_topright {display:block; font-size:0; width:25px; height:14px; background:url(/images/point_black.gif) center top; position:absolute; left:140px; top:-11px;}
.xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(/images/point_black.gif) center top; position:absolute; left:50px; top:-11px;}
.xsnazzy em.point_bottom {display:block; font-size:0; width:25px; height:14px; background:url(/images/point_black.gif) center bottom; position:absolute; right:80px; bottom:-11px;}
.xsnazzy em.point_bottomleft {display:block; font-size:0; width:25px; height:14px; background:url(/images/point_black.gif) center bottom; position:absolute; left:50px; bottom:-11px;}

/* for IE5.5 */
* html .xsnazzy em.point_bottom {bottom:-12px; bo\ttom:-11px;}
* html .xsnazzy em.point_bottomleft {bottom:-12px; bo\ttom:-11px;}

.xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(/images/point_black.gif) left center; position:absolute; left:-11px; top:28px;}
.xsnazzy em.point_leftlong {display:block; font-size:0; width:14px; height:25px; background:url(/images/point_black.gif) left center; position:absolute; left:-11px; top:70px;}
.xsnazzy em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(/images/point_black.gif) right center; position:absolute; right:-11px; top:25px;}
/* for IE5.5 */
* html .xsnazzy em.point_right {right:-12px; ri\ght:-11px;}