div.thumbs  { display:block; height: 100%; padding: 0; }
div.thumbs div {  position: relative; vertical-align: middle; list-style: none; height:200px; }
div.thumbs span.title { float: left; margin-top: 2px; color: #000; font-size: 10px;max-width:100px; height:23px; line-height:10px; vertical-align:middle; display:inline-block; }
div.thumbs a { clear: both; display: block; padding: 5px;  border: 1px solid #000; height:140px; }
div.thumbs img.imgThumb { max-width: 100%; max-height: 100%; vertical-align: middle; display: block; border: none; text-align: center; margin:auto; }
div.thumbs .bigImg { position:absolute; z-index:10; max-width:300px;max-height: 300px; left: -50%;top:-50%; }
div.thumbs .bigImg a.download {z-index:11; color: #FFF; width: 60px; height: 15px; background: url('images/download.png'); opacity: 0.1; width: 20px; height: 20px; position:absolute;padding:2px 0 0 2px;font-size: 12px;line-height: 12px;opacity:0.9;}
div.thumbs .bigImg a.download:hover { text-decoration: underline; opacity: 1; }
div.thumbs .bigImg a img.big { vertical-align: top;position:absolute; z-index:10; max-width:300px;max-height: 300px; left: -50%;top:-50%;border: none;}
div.thumbs .bigImg a {border: none; }
div.thumbs .color { display: block; height: 25px; margin-top: 3px; line-height: 12px; text-align: center; font-size:10px; }
div.thumbs .cb { float: right; text-align: center; }
div.thumbs .cb input { margin-top:0; }

#photos { text-transform:uppercase; }
.clear { clear:both;}
ul.links { padding: 10px 0px 20px; }
ul.links li { float: left; list-style:none; margin-right: 10px; }


ul.links li a { padding: 5px 10px; background-color: #BABABA; border: 1px solid #fff; color: #FFF; text-decoration: none; font-weight: 500; float: none; display: block; width: auto; height: auto; text-transform: uppercase; }
ul.links li a.btn.active, ul.links li a.btn:hover { background-color:#1ABC9C !important; color: #fff; text-decoration: none; }