.clearFix:after { clear:both; content:"."; display:block; height:0; visibility:hidden }
/* --------------------------> Thumbnail Gallery <-------------------------- */
.example { background:url(../../_images/hdr.png) no-repeat 10% 100%; border:1px solid #d8d8d8; float:left; font-size:11px; height:148px; line-height:14px; margin:0 20px 20px 0; width:198px }
.hover { height:120px; margin:0 0 8px; padding:0; width:198px }
.frame { float:left; height:120px; margin:0 0 8px; padding:0; width:198px }
.exampleInfo { background:#1f354f; border:1px solid #fff; display:none; height:0; margin:0; padding:8px 0 2px 5px; width:191px }
.clientInfo { float:none }
.outLink { background:url(../../_images/icn_externallink.png) no-repeat 0 0; display:block; height:12px; float:right; padding:0 6px 0 0; width:10px }
.clientName { float:left; padding:0 0 0 6px; width:176px; }
.cat { color:#e8e8e8; float:left; line-height:14px; margin:0 0 5px; width:55px }
.data { color:#e8e8e8; float:left; line-height:14px; margin:0 0 5px; width:125px }
#thumbs a, #recent a { font-weight:400; text-decoration:none }
/* -------------------------> Thumbnail Pagination <------------------------ */
#pageCounter { margin:10px 0 0; font-size:12px;}
.qpCounter, .qpPrev, .qpNext { margin:10px 10px 10px 0}
.qpCounter { padding:3px 0 }
.qpPrev, .qpNext { background:url(../../_images/hdr.png) no-repeat 10% 100%; border:1px solid #d8d8d8; padding:3px 10px; font-size:12px; font-weight:bold;}
.qpDisabled, .qpDisabled:hover { background:transparent; color: #ccc }

.toplamEserSayisi {margin-bottom:10px; font-size:12px; clear:both;}