a.left {
    display: block;
    width: 27px;
    height: 27px;
    float: left;
    margin: 100px 7px 0 7px;
    background: url(/images/carousel/left.png) top left no-repeat;
    cursor: pointer;
    font-size: 1px;
    }
    
a.right {
    clear: right;
    display: block;
    width: 27px;
    height: 27px;
    float: left;
    margin: 100px 7px 0 7px;
    background: url(/images/carousel/right.png) top left no-repeat;
    cursor: pointer;
    font-size: 1px;
    }
     
a.disabled { visibility: hidden !important; }

.navi {
	display: static;
	text-align: center;
	width: 100px;
	margin: 20px auto 0 auto
	}
	
	.navi a {
		display: static;
		text-align: center;
		margin: 0 auto;
		float: left;
		width: 6px;
		height: 6px;
		margin: 0 3px 0 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background: #fff;
		}
		
	.navi a.active {
		background: #333;
		}
		
.stepcarousel{
	float: left;
	position:relative;
	overflow:hidden;
	width: 670px; /*Width of Carousel Viewer itself*/
	height: 160px; /*Height should enough to fit largest content's height*/
	margin: 50px 0 0 0;
	}
	
	.stepcarousel .belt{
		width:20000em;
		position:absolute;
		}
		
		.stepcarousel .panel{
			float: left; /*leave this value alone*/
			overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin: 0 15px 0 0; /*margin around each panel*/
			width: 320px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
			height: 160px;
			background: url(../images/carousel/productBackground.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
			
			.stepcarousel .panel .img {
				width: 100px;
				height: 120px;
				margin: 1px 15px 0 20px;
				padding: 5px;
				float: left;
				}
				
			.stepcarousel .panel .text {
				width: 155px;
				float: left;
				}
				
				.stepcarousel .panel .text span {
					font-size: 18px;
					color: #ed7d02;
					}
					
				.stepcarousel .panel .text p {
					font-size: 16px;
					color: #fff;
					margin: 0 0 10px 0;
					}
					
				.stepcarousel .panel .text div {
					font-size: 16px;
					color: #fff;
					}
			
#mygallery-paginate {
	display: static;
	text-align: center;
	width: 100px;
	margin: 70px auto 0 auto;
	}
	
	#mygallery-paginate span {
		display: static;
		text-align: center;
		margin: 0 auto;
		}
		
		#mygallery-paginate img {
			float: left;
			margin: 0 1px 2px 1px;
			}