#branchtimebutton a:hover  {
   background-position: -370px 0%;
}

#directionsbutton a:hover  {
   background-position: -138px 0%;
}

#directionsbutton a  {
   background: url(sg_services_media/directionsbutton.gif) no-repeat 0% 0px;
   display: block;
   height: 71px;
   width: 138px;
   font-size: 71px;
   line-height: 71px;
}

#branchtimebutton a  {
   background: url(sg_services_media/branchtimebutton.gif) no-repeat 0% 0px;
   display: block;
   height: 43px;
   width: 370px;
   font-size: 43px;
   line-height: 43px;
}

#directionsbutton  {
   visibility: visible;
   position: absolute;
   left: 27px;
   top: 161px;
   z-index: 6;
   width: 138px;
   height: 71px;
}

#branchtimebutton  {
   visibility: visible;
   position: absolute;
   left: 178px;
   top: 356px;
   z-index: 6;
   width: 370px;
   height: 43px;
}

#nearestbusstops  {
   background: url(sg_services_media/nearestbusstops.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 27px;
   top: 243px;
   z-index: 6;
   width: 105px;
   height: 92px;
}

#servicetimes  {
   background: url(sg_services_media/servicetimes.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 178px;
   top: 419px;
   z-index: 6;
   width: 241px;
   height: 243px;
}