/* gallery container */
div#gallery { width: 100%; height: 480px; background: transparent url(/assets/images/gallery_bg_square.png) center center no-repeat; margin: 30px 0px; }
div#gallery a { border: 0px; }

/* images */
div#gallery-image { width: 506px; height: 380px; margin: 0px auto; padding: 10px; background: transparent url(/assets/images/ajax-loader.gif) center center no-repeat; text-align: center; }
div#gallery-image img { border: #31537D 1px solid; }

/* scroller */
div#scroller-outer { width: 850px; height: 70px; background: #060C11; position: relative; top: 0px; margin: 0 auto; }
div#scroller { width: 784px; height: 70px; margin: 0 auto; overflow: hidden; }
div#scroller-inner { width: 3000px; margin-top: 9px; margin-right: 4px; }
div#scroller-inner ul { margin: 0px 0px 0px -2px; }
div#scroller-inner ul li { display: inline; }
div#scroller-inner ul li img { width: 50px; height: 50px; margin-right: -4px; }

/* thumbs */
div#scroller-inner img { border: #243D5B 1px solid; opacity: 0.5; margin-left: 4px; }
div#scroller-inner img:hover { border: 1px solid; opacity: 1; }
div#scroller-inner img.imgactive { opacity: 1 !important; border: #ff0 1px solid; }

/* arrows */
#arrowl, #arrowr { width: 15px; height: 52px; margin-top: -61px; }
#arrowl { float:left; margin-left: 15px; }
#arrowr { float: right; margin-right: 15px; }
#scrolll, #scrollr { width: 15px; height: 52px; display: block; outline: none; background-position: -15px 0px; background-repeat: no-repeat; outline: none; }
#scrolll:hover, #scrollr:hover { background-position: -30px 0px; }
#scrolll.disabled, #scrollr.disabled { background-position: 0px 0px; }
#scrolll { background-image: url(/assets/images/gallery_left.png); }
#scrollr { background-image: url(/assets/images/gallery_right.png); }