/* CSS for the Before & After Gallery */


.ba-gallery-page h1 {
  padding: 0 0 5px 30px;
  font-size: 1.8em;
  color: #4B0E6B; 
  font-family: Palatino Linotype, Palatino, Georgia, TimesBook Antiqua, serif;
}

#gallery-nav {
  clear: both;
  position: relative;
  z-index: 10;
  padding: 0 0 0 16px;
}

#gallery-nav ul {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}
#gallery-nav ul li {
  margin: 0;
  padding: 0;
  float: left;
}
#gallery-nav ul li a {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  width: 112px;
  height: 54px;
  font-size: 1.5em;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  background: url('/gallery/images/bg-tabs.gif') top left no-repeat;
}
#gallery-nav ul li a span {
  display: block;
  height: 43px;
  border: 2px solid #FFFFFF;
  border-bottom: 0;
  margin: 4px 8px 0 8px;
  padding: 5px 5px 0 8px;
}
#gallery-nav ul li .active-bar { display: none; }
#gallery-nav ul li.active .active-bar {
  display: block;
  width: 132px;
  height: 15px;
  border: 0;
  margin: 54px 0 0 3px;
  padding: 0;
  background: #b8814a;
  position: absolute;
  z-index: 15;
}
#gallery-nav ul li.active a,
#gallery-nav ul li a:hover { background-image: url('/gallery/images/bg-tabs-hover.gif'); }
#gallery-nav ul li.last.active .active-bar { margin-left: -23px; }

#gallery-container {
  position: relative;
  margin: -9px 10px 10px 10px;
  padding: 35px 25px 25px 23px;
  border: 9px solid #e2cbb2;
  font-size: 1.2em; 
  line-height: 1.6em;
  color: #646059;
  height: 1%;
  background: url('/gallery/images/bg-gallery.gif') top left repeat-y;
} 
#gallery-left {
  float: left;
  width: 420px;
}
#gallery-left .padding { padding: 0 15px 0 0; }
#gallery-right {
  float: left;
  width: 420px;
}
#gallery-right .padding { padding: 0 0 0 15px; }
#gallery-right  p { padding: 5px 15px; }

.gallery-thumbs a img{
  border: 2px solid #9e9284;
  margin: 0 10px 50px 10px;
}
.gallery-thumbs a:hover img{ border-color: #4B0E6B; }

.gallery-image { 
  width: 417px;
  height: 277px;
  margin: 0 0 35px 0;
  background: url('/gallery/images/frame.gif') top left no-repeat;
}
.gallery-image img { margin: 23px 0 0 22px; width: 372px; height: 232px; } 

.gallery-image-alt { 
  width: 401px;
  height: 277px;
  background: url('/gallery/images/frame-alt.gif') top left no-repeat;
}
.gallery-image-alt img { margin: 20px 0 0 19px; } 

.view-image { margin: 0 0 15px 0; }
.view-image .small { padding: 2px 10px; }

.caption {
  position: relative;
  margin: -30px 0 0 0;
  z-index: 5;
  height: 20px;
  padding: 5px 10px;
  color: #FFFFFF;
  text-align: right;
  background: url('/gallery/images/bg-caption.png');
}
#view-thumbs { text-align: left; padding: 10px 15px 10px 20px; }
#view-thumbs a {
  display: block;
  float: left;
}
#view-thumbs a img{
  border: 2px solid #d9a470;
  margin: 0 3px;
  width: 35px;
  height: 35px;
  vertical-align: middle;
}
#view-thumbs a.next,
#view-thumbs a.previous{ 
  overflow: hidden; 
  width: 20px; 
  height: 35px; 
  border: 0;
  text-align: center;
}
#view-thumbs a.next img,
#view-thumbs a.previous img{ 
  width: 7px; 
  height: 22px; 
  border: 0;
  margin-top: 8px;
}

#view-thumbs a.active img{ border-color: #4B0E6B; }
#view-thumbs a:hover img{ border-color: #693D0E; }

#view-thumbs-pagination { 
  clear: both; 
  text-align: left; 
  padding: 10px 0 0 0; 
  color: #d9a471;
  font-weight: bold;
}

.qp_next,
.qp_prev { 
  padding: 10px 5px;
  position: absolute;
  margin: -50px 0 0 20px;
  left: 0;
}
.qp_next { margin-left: 320px; }

.qp_disabled { display: none; }

/*
.pagination a {
  padding: 0 2px;
  line-height: 1;
  color: #d9a471;
  text-decoration: none;
}
.pagination a:hover { color: #4B0E6B; }
.pagination a.active { border-bottom: 2px solid #d9a471; font-weight: bold; }
*/