ul.thumbs 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
ul.thumbs li{
	display: inline;
	float: left;
	padding-top: 8px;
}
ul.thumbs div.imgholder 
{
padding: 5px;
margin: 5px 5px 20px 0;
 /*background-color: #333;*/
 color: #fff;
}
ul.thumbs span.sold
{
  color: #f00;
  font-style: italic;
}
ul.thumbs li div.caption
{
 padding: 4px;
 font-size: 16px;
}
a.thumb {
	margin: 0 auto;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	cursor: pointer;
	border: 1px solid #aaa;
}

.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}
/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	font-family: Verdana, Sans-Serif;	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#eee;
	font-size:12px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	/*background:#444 !important;*/
	background:rgba(0, 0, 0, 0.6) url(/media/assets/h80.png) repeat-x;		
}

.over_overlay {
	z-index:9999;
	position: absolute;
}

/* the overlayed element */
.simple_overlay {

    font-family:Georgia, Arial, Sans-Serif;

    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:875px;
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;    
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/media/assets/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.simple_overlay .details { 
    position:absolute; 
    top:15px; 
    right:15px;
    font-size:11px; 
    color:#fff; 
    width:150px; 
    padding: 0;
    height: 100%;
} 

.simple_overlay .details p.subtitle { 
	font-size: 10pt;
	color: #eee;
}

.simple_overlay .details p
{
	color: #fff;
	font-family: Verdana, Sans-Serif;
}
 
.simple_overlay .details h3 { 
    color:#eee; 
    font-size:14pt; 
    margin:0 0 -10px 0; 
}

.simple_overlay div.purchaseLink
{
  border: solid 1px #444;
  background-color: #333;
  position: absolute;
  padding: 2px;
  bottom: 25px; 
  width: 148px;
  height: 50px;
  text-align: center;
}


.simple_overlay div.purchaseLink:hover
{
  background-color: #444;
}

.simple_overlay purchaseLink img
{
padding: 3px;
display:block;
margin: 0 auto;
border: 0;
}






















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */