/* CSS Document */

/**********Preformated for gallery*************/
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 184px; /*Width of Carousel Viewer itself*/
height: 161px; /*Height should enough to fit largest content's height*/
margin:0px auto;
background:url(images/pro-carousal-bg.jpg) no-repeat;
z-index:400;
}

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

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px 8px; /*margin around each panel*/
margin-top:10px;
width: 174px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 133px;
padding:0px;

}
.stepcarousel .panel img{
margin-bottom:5px;
float:left;
background:url(images/pro-sml-bg.jpg) no-repeat 50% 50%;
padding:4px;
margin-right:8px;
}
.stepcarousel p{
margin:0px;
padding:0px;
margin-top:5px;
clear:both;
}
.stepcarousel .panel a:link, .stepcarousel .panel a:visited{
text-decoration:none;
font-size:1em;
color:#000000;
font-weight:bold;
}
.stepcarousel .panel a:link p, .stepcarousel .panel a:visited p{
text-align:justify;
font-weight:normal;
font-size:.85em;
}
.stepcarousel .panel a:hover{
color:#e55806;
}
/***********END************/

/**********Preformated for gallery*************/
.stepcarousel.propg{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 874px; /*Width of Carousel Viewer itself*/
height: 161px; /*Height should enough to fit largest content's height*/
margin:0px auto;
background:url(images/pro-carousal_propg-bg.jpg) no-repeat;
font-size:1.2em;
}


.stepcarousel.propg .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px 30px; /*margin around each panel*/
margin-top:10px;
width: 182px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 143px;
padding:0px;
}
.stepcarousel.propg .panel a:link, .stepcarousel.propg .panel a:visited{
font-size:.9em;
}
.stepcarousel.propg .panel a:link p, .stepcarousel.propg .panel a:visited p{
text-align:justify;
font-weight:normal;
font-size:.85em;
}


/***********END************/

/**********Preformated for gallery*************/
.stepcarousel.iphone{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 142px; /*Width of Carousel Viewer itself*/
height: 322px; /*Height should enough to fit largest content's height*/
margin:35px 0px 0px 48px;
background:none;
font-size:1.2em;
z-index:400;
}


.stepcarousel.iphone .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px 0px; /*margin around each panel*/
margin-top:10px;
width: 142px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 213px;
padding:0px;
}


/***********END************/