@charset "utf-8";
/* CSS Document */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px #FFFFFF;
overflow: scroll; /*leave this value alone*/
width: 760px; /*Width of Carousel Viewer itself*/
height:600px; /*Height should enough to fit largest content's height*/
}

.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: 5px; /*margin around each panel*/
width: 750px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:600px;
background:#FFFFFF;
text-align:left;
}



/*-----------------------------------------------------------------------------*/

/* Infoboxes */
.sc-container { height:600px; width:772px;}

.b1sc, .b2sc, .b3sc, .b4sc{font-size:1px; overflow:hidden; display:block;}
.b1sc {height:1px; background:#eaeaea; margin:0 5px;}
.b2sc {height:1px; background:#fff; border-right:2px solid #eaeaea; border-left:2px solid #eaeaea; margin:0 3px;}
.b3sc {height:1px; background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0 2px;}
.b4sc {height:2px; background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0 1px;}
.contentsc {background: #fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea;}
.contentsc div {margin-left: 0px;}

.sc-content { height:130px; width:auto;}
.sc-image { height:auto; width:120px; padding: 2px; float:left;}
.sc-text { height:auto; width:630px; padding: 2px; float:right; text-align:left;}


/*Text & Divs for Content & Controls */
/*DVIS*/
.cc_container { height: 580px; width: 740px;}
.cc_container_long { height: 580px; width: 740px; overflow:scroll;}
.cc_header { height: 45px; width:740px;}
.cc_clear { clear: both; font-size: 0px; width: 0px; line-height: 0px; height: 0px; display: block; overflow: hidden;}
.cc_content { height:auto; width:auto; text-align:left;}
.cc_content_700 { height:auto; width:700px; text-align:left;}
.cc_content_left {height: auto; width: 350px; float:left; overflow:visible;}
.cc_content_right {height: auto; width: 350px; float:right; overflow:visible;}
.cc_content_box {height:auto; width:auto;}

.carousel_controls_step { height: 30px; width: 200px; text-align:center; float:none;}
.carousel_controls_t1 { height: 40px; width: 135px; text-align:center; float:none;}
.carousel_controls_t2 { height: 40px; width: 270px; text-align:center; float:none;}
.carousel_controls_t3 { height: 40px; width: 405px; text-align:center; float:none;}
.carousel_controls_t4 { height: 40px; width: 540px; text-align:center; float:none;}
.carousel_controls_t5 { height: 40px; width: 675px; text-align:center; float:none;}
.carousel_controls_t6 { height: 40px; width: 504px; text-align:center; float:none;}
.carousel_controls_t7 { height: 40px; width: 588px; text-align:center; float:none;}
.carousel_controls_t8 { height: 40px; width: 672px; text-align:center; float:none;}
.carousel_controls_t9 { height: 40px; width: 756px; text-align:center; float:none;}


/*Controls*/
.stepnav {
     list-style-type: none;
     list-style-position:outside;
     position: relative;
     margin: 0;
     padding: 0;
	 background-image:url(../images/no_flicker.jpg);
 }
 
  .stepnav li{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    width: 100px;
    height: 30px;
    margin-right: 0px;
    background-image:url(../images/direction-buttons.jpg);
    background-repeat:no-repeat;
	text-align:center;
}


.stepnav a{
	display:block;
	height:30px;
	text-indent:-9999px;
	outline:none;
}


#stepnav1 {	background-position:0px 0px;}
#stepnav2 {	background-position:-100px 0px;}

#stepnav1.active, #stepnav1:hover {	background-position: 0 bottom;}
#stepnav2.active, #stepnav2:hover {	background-position: -100px bottom;}


/*Text*/
#caro_body { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}