div.GalleryContainer {
  position: relative;
  clear: both;
  border-width: 0px;
  width: 100%;
  text-align: left;
  margin:0;
  padding:0;
}

div.GalleryPageNumbers {
  position: relative;
  clear: both;
  border-width: 0px;
  width: 100%;
  text-align: left;
  padding: 3px;
  margin: 0;
}

.GalleryPageList li {
  display: inline;
  list-style-type: none;
}

.GalleryPageNumbers .GalleryPageList li a {
  border-width: 1px; 
  border-color: #021a40;  
  border-style: solid;  
  background-color: #FFFFFF;
	text-decoration : none; 
	color : #000000;
	padding: 3px 3px 3px 3px; 
}

.GalleryPageList li a:hover, .GalleryPageList li a:active {
  border-width: 1px; 
  border-color: #021a40;  
  border-style: solid;  
  background-color : #333333; 
  color : #ffffff; 
  padding: 3px 3px 3px 3px; 
}

.GalleryPageList li a.CurrentPage {
  border-width: 1px; 
  border-color: #021a40;  
  border-style: solid;  
  background-color : #333333; 
  color : #ffffff; 
  padding: 3px 3px 3px 3px; 
}


.gallery { border:0px margin: 8px;}




img.GalleryImageWide1 {
  width: 130px;
  margin-left: auto;
  margin-right: auto;
}

img.GalleryImageTall1 {
  height: 130px;
  margin-left: auto;
  margin-right: auto;
}

div.ImageBoxOuter1 {
  #position: relative;
  float: left; 
  display: table; 
  width: 130px; 
  height: 130px; 
  overflow: hidden;
  margin: 4px;
}

div.ImageBoxMiddle1 {
  #position: absolute; 
  #top: 50%;
  display: table-cell; 
  vertical-align: middle;
  width: 130px;
}

div.ImageBoxInner1 {
  #position: relative; 
  #top: -50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.SectionContainer {
  position: relative;
  clear: both;
  border-width: 0px;
  width: 100%;
  text-align: left;
  margin:0;
  padding:0;
}
		  

.stepcarousel{

	position: relative; /*leave this value alone*/
	border: 0px solid black;
	overflow: scroll; /*leave this value alone*/
	width: 550px; /*Width of Carousel Viewer itself*/
	height: 126px; /*Height should enough to fit largest content's height*/
}
.GalleryPreviewImage{
	width: 600px; 
	height: 290px;
}
img.GalleryPreviewImageCenter {
    display: block;
    margin-left: auto;
    margin-right: auto ;
	background-image:url(/editable/images/scrollerbg-full.gif);
	background-repeat:no-repeat;
	background-position:center;
	padding:14px;
}


.GallerySectionOuter{
	width: 100% 
}
.GallerySectionCenter {
    display: block;
    width: 600px;
    margin-left: auto;
    margin-right: auto
}

.GalleryTumbnailBackround{
	width: 600px;
	height: 150px;
//	background-image: url("/editable/images/elements/gallerybackground.png");
//	background-repeat: no-repeat;	
}
 
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 113px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background-image: url(/editable/images/scrollerbg.gif);
background-repeat:no-repeat;
padding: 5px 0px 0px 5px;
height:120px;

}


.scrollerbg-full
{
padding: 5px;
}


img.PhotoGalleryImageWide {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}

img.PhotoGalleryImageTall {
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}



div.PhotoImageBoxOuter {
  #position: relative;
  float: left; 
  border-width: 0px; 
  border-color: #021a40;  
  border-style: solid; 
  display: table; 
  width: 100px; 
  height: 100px; 
  overflow: hidden;
  margin: 4px;
}

div.PhotoImageBoxMiddle {
  #position: absolute; 
  #top: 50%;
  display: table-cell; 
  vertical-align: middle;
  width: 100px;
}

div.PhotoImageBoxInner {
  #position: relative; 
  #top: -50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}