/* styling without javascript */
#image-gallery { display: none; }
#h-gallery li { float: left; margin: 0 10px 10px 0; }


.arrowbuttons {
  position: absolute;
}


/* styling for vertical display */
ul#vgal {
  list-style: none;
  position:relative;
  width: 70px;
  margin-top: 0px;
  padding: 0px !important;
}

#vgal li {
  opacity: .5;
  display: block;
  margin-bottom: 10px;
  margin-top: 0px;
  width: 60px;
  height: 60px;
  background-position: 50% 50%;
  cursor: pointer;
  border: 3px solid #fff;
  outline: 1px solid #ddd;
}

#vgal li a img {
  position: absolute;
  left: 125px;
  top:0;
  display: none;
}

#vgal li p {
  position: absolute;
  bottom: 0;
  height: 15px;
  left: 125px;
  text-align: center;
  margin: 5px 0px !important;
  cursor: default;
  display: none;
}

#vgal li p a {
	text-decoration: underline;
}


#vgal li.active img { display: block; }
#vgal li.active p { display: block; }

#vgal li.active, #vgal li:hover {
  outline-color: #bbb;
  border-left: solid red;
  opacity: .99 /* safari bug */
}



/* styling for horizontal display */
ul#hgal {
  list-style: none;
  position:relative;
  width: 400px;
  margin:0 auto;
  padding-left: 15px;
}

#hgal li {
  opacity: .5;
  float: left;
  display: block;
  width: 60px;
  height: 60px;
  background-position: 50% 50%;
  cursor: pointer;
  border: 3px solid #fff;
  outline: 1px solid #ddd;
  margin-right: 14px;
  padding-left: 0px;
  margin-left: 0px;
  margin-bottom: 14px;
}

#hgal li a img {
  position: absolute;
  left: 50%;
  display: none;
}

#hgal li p {
  position: absolute;
  bottom:0;
  left: 50%;
  text-align: center;
  margin-bottom: 5px !important;
  cursor: default;
  display: none;
}

*+html #hgal li p {  /* ie 7 */
  bottom: 155px !important;
}

/*\*/ * html #hgal li p {  /* ie 6 */
  bottom: 170px !important;
} /**/


#hgal li p a {
	text-decoration: underline;
}


#hgal li.active img { display: block; }
#hgal li.active p { display: block; }

#hgal li.active, #hgal li:hover {
  outline-color: #bbb;
  border-bottom: solid red;
  opacity: .99 /* safari bug */
}