@charset "utf-8";

/* CSS Document */
	body
	{
		width:100%;
		text-align:center;	
		font-size:10px;
	}
	a
	{
		font-size:1.1em;
		color:#003666;
		text-decoration:none;
	}
	a:hover
	{
		color:#0063DC;
	}

	#container
	{
		background:#fff;
		position:relative;
		text-align:center;
	}

  .clearfix:after 
  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .clearfix {display: inline-block;}  /* for IE/Mac */
	.jmorph
	{
			width:400px;
			margin:auto 0px;
	}

	.jmorph .imageContainer
	{
		display:table;
	}
  
  .jmorph .image
  {
	background:#ccc;
	padding:10px;
	display:table-cell;
  }
  
  .jmorph .image .currentImg,.jmorph .image .nextImg
  {
  	background-repeat:no-repeat;
  	background-position:center; 
  	position:relative;
  }
  
  .jmorph .image .nextImg
  {
  	top:0; 
  	left:0; 
  	position:absolute;	
  	
  }
  
  .jmorph div a.previous,.jmorph div a.next
  { 
  	padding:0.5em;
  	margin:1em;
  	float:left;
  }

  .jmorph .image a.previous,.jmorph .image a.next
  {
  	font-size:1.5em;
  	font-family: verdana; 
  	font-size:9px; 
}
  
  .jmorph ul.band
  {
  	padding:5px;	
  	list-style:none;
  	width:266px;
  	margin-left:0px;
  	font-family: verdana; 
  	font-size:9px; 
  }
  
  .bandContainer
  {
  	width:275px;
  	overflow:hidden;
  	float:left;
  	text-align:left;
  	position:relative;
  }
  
  .jmorph ul.band li
  {
  	display:inline;
  	margin:5px;
  	padding:5px
  }
  .jmorph ul.band li.selected
  {
  	background:#fff;
  }

.stepcarousel {

	BORDER: fff 1px solid; 
	OVERFLOW: scroll; 
	POSITION: relative; 
	HEIGHT: 90px; 
	margin-top:10px;
	margin-left: 50px;

}

.stepcarousel .belt {

	LEFT: 45; 
	POSITION: relative; 
	TOP: 5px;

}

.stepcarousel .panel {

	FLOAT: left; 
	width:185px; 
	margin:0px 15px;

}