/* Step Carousel */

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: none;
	overflow: hidden; /*leave this value alone*/
	width: 800px; /*Width of Carousel Viewer itself*/
	height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	height: 200px;
}

.stepcarousel .panel{
	text-align: left;
	color: #333333;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 0 0 0; /*margin around each panel*/
	padding: 0 25px;
	width: 750px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel ul {
	width: auto;
	height: auto;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	list-style-image: url('../img/content_bullet.png');
}

.stepcarousel ul li {
	float: none;
	height: auto;
	width: auto;
	display: list-item;
	line-height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* Horizontal Carousel */
/*#mygallery {
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 800px;
	height: 200px;
	position: relative;  
}         

#mygallery .belt {
	float: left;
	position: absolute;
	top: 5px;
	left: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 800px;
	height: 200px;
	overflow: hidden;   
	background: none;
	text-align: justify;
}            

#horizontal_carousel .previous_button {
	position: absolute;
	top: 0px;
	left: -15px;
	width: 25px;
	height: 200px;
	z-index: 100;
	float: left;
	background: url('../img/carousel/left.png') center no-repeat;   
	cursor: pointer;
}        

#horizontal_carousel .previous_button_disabled {
	background: url('../img/carousel/left_disabled.png') center no-repeat;
	cursor:default;
}

#horizontal_carousel .next_button {
	position: absolute;
	top: 0px;
	right: -15px;
	width: 25px;
	height: 200px;
	z-index: 100;
	background: url('../img/carousel/right.png') center no-repeat;
	cursor: pointer;  
}  

.clickme {
	position: absolute;
	width: 120px;
	height: 75px;
	top: 20px;
	right: -140px;
	background: url('../img/clickme.png') center no-repeat;
}

#horizontal_carousel .next_button_disabled {
	background: url('../img/carousel/right_disabled.png') center no-repeat;
	cursor: default;
}

#horizontal_carousel ul, .carousel ul {
	width: 100000px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}                      

#horizontal_carousel ul li img, .carousel ul li img {
	border: none;
	display: block;             
	background: none;  
}                               

#horizontal_carousel ul li, .carousel ul li {
	text-align: left;
  	color: #333333;
	margin: 0 0 0 0;
	padding: 0 25px;
 	width: 750px;
 	display: block; 
  	float: left;
  	text-align: left;
}

#horizontal_carousel ul li ul, .carousel ul li ul {
	width: auto;
	height: auto;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	list-style-image: url('../img/content_bullet.png');
}

#horizontal_carousel ul li ul li, .carousel ul li ul li {
	float: none;
	height: auto;
	width: auto;
	display: list-item;
	line-height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}*/