#map {position:relative; width:452px; height:452px;}
#map ul {padding:0; margin:0; list-style:none;}


/* ---- makes edits between these lines ---- 

#map ul li#ROUSSILLON {position:absolute; top:375px; left:185px; width:45px; height:30px;}*/
#map ul li {position:absolute; top:375px; left:185px; width:45px; height:30px; }

/* ---- makes edits between these lines ---- */


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


/* ---- makes edits between these lines ---- 

#map ul li#ROUSSILLON a.tl {width:45px; height:30px; background:url(transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}
*/
#map ul li a.tl {width:45px; height:30px; background:url(transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}


/* ---- makes edits between these lines ---- */


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

#map ul li a:hover {border:0;}

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

#map ul li:hover .distributors {visibility:visible; z-index:30;}

#map ul li:hover .distributors {background:url(transparent.gif);}

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


/* 
#ROUSSILLON .distributors {width:200px;}
*/
 .distributors {width:200px;}



.distributors h1, .distributors p {margin:0 10px !important;}
.distributors h1 {font-size: 8pt; color:#fff; font-family: verdana, san-serif; border-bottom:1px solid #fff;}
.distributors p {padding-bottom:6px; color:#eee; font-size: 8pt; text-align:left;}
.distributors {background: transparent; margin:10px;}

.content {background:url(transparent.gif); background:#777; border:3px solid #fff;}
.content a, .content a:visited {color:#d4b5bf; font-size: 8pt;}

#map ul li a:hover .distributors .content a:hover {color:#fff;}
#map ul li:hover .distributors .content a:hover {color:#fff;}