/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */


.jcarousel-container {
    position: relative;
}
.jcarousel-container .jcarousel-container-horizontal{
    width:720px;
}

.jcarousel-clip {
    /*z-index: 2;*/
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    margin-left:16px;
    margin-right:16px;
    width:600px;
}

.jcarousel-list {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height:150px;
    cursor:pointer;

}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */

.jcarousel-next {

    display: none;
}

.jcarousel-prev {
    display: none;
}

.slide-prev, .slide-next {
  position:absolute;
  top:50%;
}
.slide-next{
  right:0;
}

.gallery_unstyled {
  width:600px;
}

.gallery_unstyled li {
  list-style:none;
  float:left;
}

.jcarousel-list .inactive-left {
  margin-left:4px;
/*   margin-right:1px; */
/* overflow:hidden; */
}

.inactive-left img,.active-left img {
  float:right;
}
.inactive-right img,.active-right img {
  float:left;
}
.jcarousel-list .inactive-right {
  margin-right:4px;
/*   overflow:hidden; */
}

.jcarousel-list .active-left {
  border:2px solid #59A6AE;
  border-right:0px;
  margin:0px;
  margin-left:2px;
  /*padding-right:1px;*/
/*   overflow:hidden; */
  background-color:#59A6AE;
}
.jcarousel-list .active-right {
  border:2px solid #59A6AE;
  background-color:#59A6AE;
/*   overflow:hidden; */
  border-left:0px;
  margin:0px;
  margin-right:2px;
}

.jcarousel-list .active-only-left {
  border:2px solid #59A6AE;
  margin:0px;
  background-color:#59A6AE;
}

.prevPageContainer {
float:left;
position:relative;
}
.prevPageBar {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:50px;
  cursor:pointer;
  background-color:transparent;
  background-image: url('/wp-content/themes/SMP-BoF-Theme/images/none.gif');/*blank transparent gif because IE transparent divs can't be hovered on. */
  background-repeat:repeat;
}
.prevPage {
  position:absolute;
  bottom:0;
  left:0;
  display:none;
}

.nextPageContainer {
  position:relative;
  float:left;
}


.nextPageBar {
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:50px;
  cursor:pointer;
  background-image: url('/wp-content/themes/SMP-BoF-Theme/images/none.gif');
  background-repeat:repeat;
}
.nextPage {
  position:absolute;
  bottom:0;
  right:0;
  display:none;
}
#main_images {
  margin-bottom:15px;
  margin-left:16px;
  width: 600px;
}
#slider {
  position:relative;
  width:632px;
  overflow:hidden;
}

#bof-content {
  width:632px;
}
#column {
  width: 300px;
}


#ie6nextprev {
  padding-top:5px;
  padding-bottom:5px;
  width:632px;
}

.prevPageIE6, .nextPageIE6 {
  cursor:pointer;
  color:#4F969F;
  text-decoration:underline;
}

.prevPageIE6 {
  float:left;
}
.nextPageIE6 {
  float:right;
}
.lb-hovertip-ie6 {
width:100%;
text-align:center;
}

.lb-hovertip {
  position:relative;
  float:left;
  width:100%;
  text-align:center;
}
.lb-hovertip-inside{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:18px;
  opacity:0.50;
  filter:alpha(opacity = 50 );
  font-weight:bold;
  color:#000;
  background-color:#FFF;
}