.gallery { position:relative; clear:both; margin-bottom:20px; min-height:1; }
.gallery img { display:block; }
.gallery ul li { background:none; }
.gallery .showing { position:relative; padding:9px; border:1px solid #CCC; background:#EBEDED; overflow:hidden; }
.gallery .showing ul { margin:0; background:#eee; overflow:hidden; }
.gallery .showing ul li { display:none; margin:0; padding:0; list-style:none; overflow:hidden; }
.gallery .showing ul li img { margin:0 auto; cursor:pointer; }
.gallery .showing ul li a { border:0; }
.gallery .showing ul li.current { display:block; background:#EBEDED; }

.gallery .thumbs { padding:12px 60px 12px; border:solid 1px #CCC; position:relative; background:url(graphics/bg.gallery.thumbs.png) 0 0 no-repeat; }
.gallery .thumbs_sleeve { height:66px; width:315px; overflow:hidden; position:relative; }
.gallery .thumbs ul { margin:0; padding:0; width:436px; position:relative; left:0; }
.gallery .thumbs ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* float enclosing */
.gallery .thumbs ul li { float:left; margin:0 17px 0 0; padding:0; background:#000; list-style:none; }
.gallery .thumbs ul li a { display:block; }

.gallery .previousButton, .gallery .nextButton { cursor:pointer; position:absolute; display:block; top:33px; width:25px; height:25px; text-indent:-9999px; background:no-repeat 0 0; }
.gallery .previousButton { left:14px; background-image:url(/magazine/graphics/gallery/prev.gif); }
.gallery .nextButton { right:14px; background-image:url(/magazine/graphics/gallery/next.gif); }

.ajax_loading { background:#000 url(/magazine/graphics/ajax_loader.gif) 50% 50% no-repeat; position:absolute; z-index:100; display:none; }

.js-disabled .gallery { display:none; }

/* sync with core gallery functionality */
.gallery .showing ul li div { width:100%; margin:0 auto; background:#000; }
.gallery .showing ul .loaded div { display:none; }
.gallery .showing ul li p { color:#FFF; text-align: center; padding:.4em 0; margin:0; }
.gallery .showing ul li div .credit { display:block; text-align:right; color:#999; font-size:.917em; padding:1em; }
.gallery .showing ul li a { color:#999; }
