/* CSS Document */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 425px; /*Width of Carousel Viewer itself*/
height: 327px; /*Height should enough to fit largest content's height*/
margin-top: 40px;
}

#borderlg{
border-left: 1px solid #579500;
border-right: 1px solid #579500;
border-bottom: 1px solid #579500;
width: 424px;
}

#borderlg h2 {
background:url(/images/ad-block-head-long.png) no-repeat top; 
height:27px; 
color:#fefefe; 
font-size:1.1em; 
padding-left:13px; 
line-height:27px;
}

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

.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: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel img{
float: left;
}

.stepcarousel .panel .txt{
float: left;
width: 175px;
padding: 20px 40px 20px 20px;
}

.stepcarousel .panel a.readmore {
display: block;
background: url(/images/readmorebtn.jpg) no-repeat top;
color: #FFF;
font-weight: bold;
padding: 5px 0 5px 0;
text-align: center; 
height: 27px;
width: 95px;
text-decoration: none;
}

.stepcarousel .panel .txt h3{
color:#4b9002; 
font-size:1em; 
margin-bottom:4px; 
}

.stepcarousel .panel .txt p{
margin-top:15px;
line-height:16px; 
margin-bottom:4px;
}

.stepcarousel .panel .txt p img{
margin-right:4px;
}

.stepcarouselsm{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 181px; /*Width of Carousel Viewer itself*/
height: 302px; /*Height should enough to fit largest content's height*/
}

#border {
border-left: 1px solid #579500;
border-right: 1px solid #579500;
border-bottom: 1px solid #579500;
}

.stepcarouselsm h2 {
background:url(/images/ad-block-head.png) no-repeat top; 
height:28px; 
color: #FFFFFF; 
font-size:1.1em; 
padding-left:13px; 
line-height:27px;
}


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

.stepcarouselsm .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: 175px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarouselsm .panel .image {
text-align: center;
padding-right: 20px;
}

.stepcarouselsm .panel a.readmore {
display: block;
background: url(/images/readmorebtn.jpg) no-repeat top;
color: #FFF;
font-weight: bold;
padding: 5px 0 5px 0;
text-align: center; 
height: 27px;
width: 95px;
text-decoration: none;
margin: auto;
}

.stepcarouselsm .panel .txt h3{
color:#4b9002; 
font-size:1em; 
margin-top: 5px;
margin-bottom:4px;
margin-right: 10px;
}

.stepcarouselsm .panel .txt p{
margin-top:15px;
line-height:16px; 
margin-bottom:4px;
margin-right: 20px;
}

.stepcarouselsm .panel .txt p img.arrow {
float: left;
margin-right:4px;
}