@charset "utf-8";
.blockContent {
display:block;
float:left;
overflow:hidden;
width:288px
}

.blockContentMC1 {
display:block;
float:left;
margin-right:20px;
overflow:hidden;
width:548px
}

.blockContentMC2 {
display:block;
float:left;
overflow:hidden;
width:330px
}

.blockContentMCB1 {
display:block;
float:left;
margin-right:40px;
overflow:hidden;
width:328px
}

.blockContentMCB2 {
display:block;
float:left;
overflow:hidden;
width:540px
}

.blockContentMCSwf {
display:block;
height:320px;
overflow:hidden;
vertical-align:top;
width:950px
}

.csInnerIStory {
display:block;
overflow:hidden;
padding:15px 25px 0
}

.csMcLearnSlideCon {
display:block;
overflow:hidden;
width:988px
}

.csMcLearnSlideConBox {
display:block;
float:left;
overflow:hidden;
width:988px
}

.csMcLearnSlideConInner {
display:block;
overflow:hidden;
width:1980px
}

.flipButton {
height:66px;
margin:-46px 0 0 958px;
text-align:right;
width:30px;
z-index:111
}

.flipButton2 {
height:66px;
margin:-108px 0 0;
text-align:left;
width:30px;
z-index:111
}

.iStoryBlkGDL {
display:block;
float:left;
height:294px;
margin-right:30px;
overflow:hidden;
padding:0;
width:388px
}

.iStoryBlkGDR {
display:block;
float:left;
height:294px;
margin:0;
overflow:hidden;
padding:0;
width:400px
}

.iStoryBlkInsideOutBlk1Bg {
background:url(../images/learn/iStory_insideOut_img1.jpg) top no-repeat;
display:block;
height:245px;
overflow:hidden
}

.iStoryBlkInsideOutBlk2Bg {
background:url(../images/learn/iStory_insideOut_img2.jpg) top no-repeat;
display:block;
height:245px;
overflow:hidden
}

.iStoryBlkLeft {
background:url(../images/learn/InteraktStoryCon_blkLeft.png) right no-repeat;
display:block;
float:left;
height:370px;
overflow:hidden;
width:25px
}

.iStoryBlkLeft img {
height:30px;
padding:220px 0 0
}

.iStoryBlkMid {
border:1px #cfcfcf solid;
border-bottom:none;
display:block;
float:left;
overflow:hidden;
width:885px
}

.iStoryBlkMidConBlk {
background:url(../images/generic/gra_bg.jpg) top repeat-x #fff;
clear:both;
display:block;
overflow:hidden;
padding:15px 30px 0;
width:825px
}

.iStoryBlkMidTabBlk {
background-color:#f1f1f1;
clear:both;
height:60px;
text-align:center;
width:887px
}

.iStoryBlkMidTabBlk img,.iStoryBlkMidTabOff {
float:left
}

.iStoryBlkMidTabOff a {
display:block;
float:left;
height:40px;
overflow:hidden;
padding:10px;
width:201px
}

.iStoryBlkMidTabOn {
background-image:url(../images/learn/iStoryTab_On.jpg);
float:left
}

.iStoryBlkMidTabOn a {
color:#1966a2;
display:block;
float:left;
height:40px;
overflow:hidden;
padding:10px;
width:201px
}

.iStoryBlkOurBrandPromiseBlk1Bg {
background:url(../images/learn/iStory_experts_img1.jpg) top no-repeat;
display:block;
height:279px;
overflow:hidden
}

.iStoryBlkRight {
background:url(../images/learn/InteraktStoryCon_blkRight.png) no-repeat;
display:block;
float:left;
height:370px;
overflow:hidden;
width:25px
}

.iStoryBlkRight img {
height:30px;
padding:220px 0 0 10px
}

.iStoryBlock {
display:block;
overflow:hidden;
width:938px
}

.iStorySlidingTabBox {
height:304px;
left:825px;
position:absolute;
width:825px
}

.iStorySlidingTabHolder {
height:304px;
overflow:hidden;
width:825px
}

.iStorySlidingTabHolder1 {
height:304px;
overflow:hidden;
position:relative;
width:825px
}

.slideBulllet {
background:url(../images/generic/arrow_txt_next.png) no-repeat left 8px;
padding:0 0 0 15px
}

.slideBullletOpen {
background:url(../images/generic/arrow_txt_down.png) no-repeat left 8px;
padding:0 0 0 15px
}
