/* CSS Document */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 50px; /*Width of Carousel Viewer itself*/
height:35px; /*Height should enough to fit largest content's height*/
margin-left:4px;
padding-right:380px;
background-image:url(../img/about-us/bg_slider.gif); background-repeat:no-repeat; background-position:top left;
}

.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 around each panel*/
width:69px;
margin-left:155px;

 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.contentarea{ padding-left:41px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#847365; line-height:18px; background-image:url(../img/about-us/bg_contentarea.gif); background-repeat: no-repeat; background-position:top left;   float:left; overflow:hidden; text-align:left;  }

.contentarea1{ float:left; margin-left:10px; margin-top:7px;}

.contentarea2{float:left; width:238px; }

a.innovation{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#847365; line-height:18px; text-decoration:none;}
a.innovation:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ab9d91; line-height:18px; text-decoration:none;}

.icon_slider{float:left; margin-top:7px;}

.bullet_gray{float:left; margin-top:9px; margin-left:7px;}

.video_player{float:left; width:280px; display:none; height:225px; margin-left:10px;}

.news_content{margin-top:8px; display:block;}

#backarrow{float:left;margin-top:13px;}

#fowardarrow{float:left;margin:14px 0 0 10px;}

#arrowbox{}
#mygallery{float:left;}