.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 450px; /*Width of Carousel Viewer itself*/
height: 640px; /*Height should enough to fit largest content's height*/
  margin-left: 60px
}

.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: 10px; /*margin around each panel*/
width: 427px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.samplebuttons{
  margin-left: 150px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px
}

.samplebuttons a{

  font-size: 12px;
  font-weight: bold
}
#mygallery a:visited, a:hover{

  font-size: 12px;
  font-weight: bold;
  text-decoration: none
}

	.caption{font-style:italic;color:#887;}
	.demo{position:relative;margin-top:2em; }
	.gallery_demo{width:500px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

	#main_image{margin:0 auto 60px auto;height:490px;width:660px;background:transparent;}
	#main_image img{margin-bottom:10px;}

	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

	.info{text-align:left;width:500px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
.iconspan{
float: right;
margin: 1px;
cursor:hand;
cursor:pointer;
font-weight: bold;

}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #DEBD7A;
font-weight: normal;

padding: 3px;   height: 40px;
  margin-bottom: 2px
}

div.eg-bar{
width: 600px;
}

.icongroup1{
width: 600px;
}