/*****************************************************************************
    These styles should be at the bottom of `sifr.css`. Make sure that they're
    only applied for the screen media type!
    *****************************************************************************/
    
    .sIFR-active h1,
    .sIFR-active h2,
    .sIFR-active h3,
    .sIFR-active h4,
    .sIFR-active h5,
	.sIFR-active h6,
	.sIFR-active span #pullquote {
      visibility: hidden;
      font-family: Gregs Hand;
    }

    .sIFR-active h1 {
      padding-bottom: 0;
	  margin:0;
	  padding:0;
    }

    .sIFR-active h2 {
      font-size: 30px;
      display: block;
	  margin:0;
	  padding:0;
	  line-height: 18px;

    }

    .sIFR-active h3 {
      font-size: 35px;
	  margin:0;
	  padding:0;
    }
	
	.sIFR-active h3.text1 {
      font-size: 35px;
	  margin:0;
	  padding:0;
    }

    .sIFR-active h4 {
      font-size: 21px;
      font-weight: normal;
	  margin:0;
	  padding:0;
    }

    .sIFR-active h5#pullquote {
      font-size: 24px;
	  margin:0;
	  padding:0;
	  }
	  
	  .sIFR-active h6#pullquote {
      font-size: 20px;
	  margin:0;
	  padding:0;
    }
	.sIFR-active span#pullquote {
      font-size: 25px;
	  margin:0;
	  padding:0;
    }
	.sIFR-active span.flash#pullquote {
      font-size: 25px;
	  margin:0;
	  padding:0;
    }
	.sIFR-active span.flash1#pullquote {
      font-size: 15px;
	  margin:0;
	  padding:0;
    }
	.sIFR-active span.redflash1#pullquote {
      font-size: 20px;
	  margin:0;
	  padding:0;
	  color:#FF3333;
    }

.crousalborder{border: 2px solid #eaeaea; height:177px;width: 100%;background-color:#FFFFFF;}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 940px; /*Width of Carousel Viewer itself*/
height: 177px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

.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:6px 7px; /*margin around each panel*/
width:452px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
border:1px solid #CCCCCC;
padding:3px;
}


.crousalborder1{border: 2px solid #eaeaea; height:168px;width: 387px;background-color:#FFFFFF;}
.stepcarousel1{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 350px; /*Width of Carousel Viewer itself*/
height: 168px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

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

.stepcarousel1 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:6px 10px; /*margin around each panel*/
width:325px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:152px;
padding:3px;
}



.crousalborder2{border: 2px solid #eaeaea; height:162px;width: 780px;background-color:#FFFFFF;}

.stepcarousel2{

position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/

width: 680px; /*Width of Carousel Viewer itself*/

height: 162px; /*Height should enough to fit largest content's height*/

margin:0 auto;
padding:0 0 0 25px

}



.stepcarousel2 .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.stepcarousel2 .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin:10px 16px; /*margin around each panel*/

width:208px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

height:112px;

padding:25px 5px 5px 5px ;

background:url(http://dist.assets.addacdn.com/m_storage/images/ibr2/indexcbg.gif) left top no-repeat;

}