#rollovers {
  position: relative;
float:left;
  width: 400px;
  height: 287px;
  background-color: #FFFEEC;
text-align:left;
margin-right:10px;
background-image:url('Saundersfoot Arial.jpg');
background-repeat:no-repeat;
background-position:20px 38px;
}

#text{
  position:absolute;
  width:100%;
  top:50%;
  text-align:center;
}

#rollovers a{
 position: absolute;
  text-decoration: none;
  
}
#rollovers a img {
  position: absolute;
  visibility: hidden;
  top: 27px;
  border:1px solid #00A6FC;
  
 padding-left:19px;
 padding-right:19px;
 padding-top:10px;
 padding-bottom:10px;
}
#rollovers  a .tab {
  display: block;
  position: absolute;
  padding: 10px 0px 0 0px;
 width:80px;
 height:17px;
  /*border-top:1px solid black;
   border-left:1px solid black;
    border-right:0px solid black;*/
    z-index:100;
    font-size:9px;
    text-align:center;
    background-color:#B4B40A;
    background-image:url('yell.jpg');
  background-repeat:no-repeat;
}
#rollovers a:hover .tab {
  background-color: #EBF8FF;
  color: #FFF;
  height:18px;
   background-image:url('hover.jpg');
}
#rollovers #image1:hover img {
  visibility: visible;
  background-color: #EBF8FF;
}

#rollovers #image1 .tab {
  top: 0px;
  left:0px;
}
#rollovers #image2:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rollovers #image2 .tab {
  top: 0px;
left:80px;
}

#rollovers a:hover {
	white-space: normal;
}
#rollovers #image3:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rollovers #image3 .tab {
  top: 0px;
left:160px;
}
#rollovers #image4:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rollovers #image4 .tab {
  top: 0px;
left:240px;
}
#rollovers #image7:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rollovers #image5 .tab {
  top: 0px;
left:320px;

}
#rollovers #image7 .tab {
  padding-top:3px;
  padding-bottom:7px;
left:320px;

}
/* ////////////////////////////////////////////////*/

#rollovers2 {
  position: relative;
  width: 400px;
  height: 287px;
  background-color: #FFFEEC;
   text-align:left;
margin-left:10px;
}
#text2{
  position:absolute;
  width:100%;
  top:50%;
  text-align:center;
}

#rollovers2 a{
 position: absolute;
  text-decoration: none;
  
}
#rollovers2 a img {
  position: absolute;
  visibility: hidden;
  top: 27px;
  border:1px solid #00A6FC;
  
 padding-left:19px;
 padding-right:19px;
 padding-top:10px;
 padding-bottom:10px;
}
#rollovers2  a .tab {
  display: block;
  position: absolute;
  padding: 10px 0px 0 0px;
 width:80px;
 height:17px;
  /*border-top:1px solid black;
   border-left:1px solid black;
    border-right:0px solid black;*/
    z-index:100;
    font-size:9px;
    text-align:center;
    background-color:#B4B40A;
    background-image:url('yell.jpg');
  background-repeat:no-repeat;
}
#rollovers2 a:hover .tab {
  background-color: #EBF8FF;
  color: #FFF;
  height:18px;
   background-image:url('hover.jpg');
}
#rollovers2 #image1a:hover img {
  visibility: visible;
  background-color: #EBF8FF;
}

#rollovers2 #image1a .tab {
  padding-top:3px;
  top: 0px;
  left:0px;
}
#rollovers2 #image1a:hover  .tab {
  background-color: #EBF8FF;
  color: #FFF;
  height:25px;
   background-image:url('hover.jpg');
}
#rollovers2 #image2a:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rollovers2 #image2a .tab {
  top: 0px;
left:80px;
}

#rollovers2 a:hover {
	white-space: normal;
}
#rollovers2 #image3a:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rollovers2 #image3a .tab {
  top: 0px;
left:160px;
}
#rollovers2 #image4a:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rollovers2 #image4a .tab {
  top: 0px;
left:240px;
}
#rollovers2 #image5a:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rollovers2 #image5a .tab {
  top: 0px;
left:320px;

}