#motioncontainer { margin: 37px 0 0; position: relative; /*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */ width: 530px; /* Set to gallery width, in px or percentage */ height: 60px; /* Set to gallery height */ }
#motioncontainer a { margin: 0 16px 0 0; }
#motioncontainer a img { width: 50px; border: 2px solid #B3D0E1; /* Set image border color */ display: inline; }
#motioncontainer a img:hover { border-color: #31576D; }
#statusdiv { background-color: #B2D0E3; padding: 2px; position: absolute; /* Stop Editing Gallery Styles */ left: -300px; visibility: hidden; white-space: nowrap; }
#motioncontainer a:hover { color: red; /* Dummy definition to overcome IE bug */ }
#trueContainer { white-space: nowrap; padding: 0 20px 0 20px; }
.scrollleft { position: absolute; z-index: 2; padding: 12px 5px 12px 0; background: #fff; }
.scrollright { position: absolute; left: 506px; z-index: 2; padding: 12px 0 12px 5px; background: #fff; }
.scrollleft img, .scrollright img { cursor: pointer; }
#motiongallery { /*overflow-x: auto !important;*/ height: 75px; }

#gallery { position: absolute; z-index: 2000; top: 0px; background: #000; }
#gallery { /* for IE */ filter: alpha(opacity=50); /* CSS3 standard */ opacity: 0.5; /* for Mozilla */ -moz-opacity: 0.5; }
.galleryholder { width: 500px; overflow: hidden; margin: 50px auto; background: #fff; /* for IE */ filter: alpha(opacity=100); /* CSS3 standard */ opacity: 1; /* for Mozilla */ -moz-opacity: 1; }
.galleryholder img { margin: 10px auto; max-width: 480px; display: block; max-height: 300px; }
