* { 
  margin: 0px;
  padding: 0px;
}

#smallgallery {
  background: #EFEFEF;
  width: 256px;
  margin: 0px;
}

#smallgallery ul {
    text-align:center;
    max-height:600px;
    list-style: none;
    padding: 0px;
    margin: 0px;
    clear: both;
}
#smallgallery .large-images img{
    max-height:200px;
    max-width:220px;
}

#smallgallery li {
    padding: 8px;
    margin: 0px;
    position: relative;
}
#smallgallery span {
display: block;
bottom: 13px;
left: 3px;
width: 215px;
background: #FFFFFF;
color: #000000;
padding: 8px;
font-size: 12px;
}

#smallgallery img {
  border: 2px solid #333;
}

#smallgallery ul.small-images {
  padding: 0px 8px;
  display: none;
}
#smallgallery ul.small-images li {
  padding: 0px;
  float: left;
  clear: none;
  overflow:hidden;
}
#smallgallery ul.small-images a {
	text-align:center;
  	display: block;
  	float: left;
  	padding: 8px;
}
#smallgallery ul.small-images a img{
	max-width:90px;
	max-height:50px;
	
}

#smallgallery ul.small-images a.selected {
  background: #1076BC;
}
#smallgallery ul.small-images a:hover {
  padding: 6px;
}
#smallgallery ul.small-images a:hover img {
  border-width: 4px;
}

#smallgallery ul.controls {
   display: none;
  position: relative;
}
#smallgallery ul.controls li {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  z-index: 100;
  top: 5px;
}
#smallgallery ul.controls li.prev {
  left: 10px;
}
#smallgallery ul.controls li.next {
  right: 10px;
}
#smallgallery ul.controls a {
  display: block;
  width: 34px;
  height: 34px;
  text-decoration: none;
  border: none;
}
#smallgallery ul.controls a img {
  border: none;
}


.tinted {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.tintedImage{
	width:35px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}

.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.clear {
  clear: both;
}