/* CSS Document */

#whereWeWrapper {
	width:760px;
	height:820px;
	margin: 0 auto;
	text-align: left; 
	border:1px solid #BBA84D;
	}

#whereWeContent {
	float:right;
	width:588px;
	height:650px;
	background:#FFF url(../images/whereWeMap.gif) right bottom no-repeat;
	}
html>body #whereWeContent {
	height:649px;
	}

#whereWe1 {
	float:left; 
	width:196px; 
	}
	
#whereWe2 {
	float:left; 
	width:186px; 
	margin-right:10px;
	}
	
#whereWe3 {
	float:left; 
	width:196px; 
	}	
	
	
	



/* IMAGE MAP: start */
#imap {
  position:relative;
  padding:0;
  margin:0;
  }

/* place the <dd>s in the correct absolute position */
#imap #elstree {
	position:absolute;
	left:449px;
	top:529px;
  z-index:50;
  }

#imap #mobberley {
	position:absolute;
	left:378px;
	top:445px;
  z-index:50;
  }

#imap #westbourne {
	position:absolute;
	left:407px;
	top:584px;
  z-index:50;
  }

#imap #fleet {
	position:absolute;
	left:424px;
	top:550px;
  z-index:50;
  }

#imap #bassett {
	position:absolute;
	left:417px;
	top:572px;
  z-index:50;
  }

#imap #chorleywood {
	position:absolute;
	left:443px;
	top:519px;
  z-index:50;
  }

#imap #frognal {
	position:absolute;
	left:475px;
	top:549px;
  z-index:50;
  }

#imap #virginia {
	position:absolute;
	left:437px;
	top:541px;
  z-index:50;
  }

#imap #purley {
	position:absolute;
	left:460px;
	top:553px;
  z-index:50;
  }

#imap #banstead {
	position:absolute;
	left:450px;
	top:552px;
  z-index:50;
  }
	
#imap #guildford {
	position:absolute;
	left:441px;
	top:556px;
  z-index:50;
  }
	
#imap #esher {
	position:absolute;
	left:447px;
	top:543px;
  z-index:50;
  }

#imap #cardiff {
	position:absolute;
	left:365px;
	top:532px;
  z-index:50;
  }

#imap #edgbaston {
	position:absolute;
	left:409px;
	top:497px;
  z-index:50;
  }

#imap #solihull {
	position:absolute;
	left:419px;
	top:499px;
  z-index:50;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#elstreeLink, #imap a#mobberleyLink, #imap a#westbourneLink, #imap a#fleetLink, #imap a#bassettLink, #imap a#chorleywoodLink, #imap a#frognalLink, #imap a#virginiaLink, #imap a#purleyLink, #imap a#bansteadLink, #imap a#guildfordLink, #imap a#esherLink, #imap a#cardiffLink, #imap a#edgbastonLink, #imap a#solihullLink {
  display:block;
  width:9px;
  height:9px;
  background:url(../images/whereWeMapDot.gif) -100 -100 no-repeat;
  text-decoration:none;
  z-index:20;
  }

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }

/* move the link background image to position 0 0 when hovered */
#imap a#elstreeLink:hover, #imap a#mobberleyLink:hover, #imap a#westbourneLink:hover, #imap a#fleetLink:hover, #imap a#bassettLink:hover, #imap a#chorleywoodLink:hover, #imap a#frognalLink:hover, #imap a#virginiaLink:hover, #imap a#purleyLink:hover, #imap a#bansteadLink:hover, #imap a#guildfordLink:hover, #imap a#esherLink:hover, #imap a#cardiffLink:hover, #imap a#edgbastonLink:hover, #imap a#solihullLink:hover {
  background:url(../images/whereWeMapDot.gif) 0 0 no-repeat;
  }

/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  display:block;
	background-color:transparent;
	color:#000;
  }

/* move the span text to a common position at the bottom of the image map */
#imap a#mobberleyLink:hover span {
  left:-17px; 
  top:161px;
  }

#imap a#westbourneLink:hover span {
  left:-45px; 
  top:22px;
  }

#imap a#fleetLink:hover span {
  left:-63px; 
  top:56px;
  }

#imap a#bassettLink:hover span {
  left:-56px; 
  top:34px;
  }

#imap a#chorleywoodLink:hover span {
  left:-82px; 
  top:87px;
  }

#imap a#elstreeLink:hover span {
  left:-88px; 
  top:77px;
  }

#imap a#frognalLink:hover span {
  left:-114px; 
  top:57px;
  }

#imap a#virginiaLink:hover span {
  left:-75px; 
  top:65px;
  }

#imap a#purleyLink:hover span {
  left:-99px; 
  top:53px;
  }

#imap a#bansteadLink:hover span {
  left:-89px; 
  top:54px;
  }

#imap a#guildfordLink:hover span {
  left:-80px; 
  top:50px;
  }

#imap a#esherLink:hover span {
  left:-86px; 
  top:63px;
  }

#imap a#cardiffLink:hover span {
  left:-4px; 
  top:74px;
  }

#imap a#edgbastonLink:hover span {
  left:-48px; 
  top:109px;
  }

#imap a#solihullLink:hover span {
  left:-58px; 
  top:107px;
  }
	