@charset "utf-8";
.csMcLearnSlideCon {
width:988px;
display:block;
overflow:hidden
}

.csMcLearnSlideConInner {
display:block;
overflow:hidden;
width:1980px
}

.csMcLearnSlideConBox {
float:left;
display:block;
overflow:hidden;
width:988px
}

.blockContentMC1 {
float:left;
display:block;
overflow:hidden;
width:548px;
margin-right:20px
}

.blockContentMC2 {
float:left;
display:block;
overflow:hidden;
width:330px
}

.blockContentMCSwf {
display:block;
overflow:hidden;
width:950px;
height:320px;
vertical-align:top
}

.blockContent {
float:left;
display:block;
overflow:hidden;
width:288px
}

.csInnerIStory {
display:block;
overflow:hidden;
padding:15px 25px 0
}

.blockContentMCB1 {
float:left;
display:block;
overflow:hidden;
width:328px;
margin-right:40px
}

.blockContentMCB2 {
float:left;
display:block;
overflow:hidden;
width:540px
}

.flipButton {
width:30px;
text-align:right;
height:66px;
z-index:111;
margin:-46px 0 0 958px
}

.flipButton2 {
width:30px;
text-align:left;
height:66px;
z-index:111;
margin:-108px 0 0
}

.iStoryBlock {
width:938px;
display:block;
overflow:hidden
}

.iStoryBlkLeft {
width:25px;
height:370px;
background:url(../images/learn/InteraktStoryCon_blkLeft.png) right no-repeat;
float:left;
display:block;
overflow:hidden
}

.iStoryBlkLeft img {
height:30px;
padding:220px 0 0
}

.iStoryBlkMid {
width:885px;
float:left;
display:block;
overflow:hidden;
border:1px #cfcfcf solid;
border-bottom:none
}

.iStoryBlkRight {
width:25px;
height:370px;
background:url(../images/learn/InteraktStoryCon_blkRight.png) no-repeat;
float:left;
display:block;
overflow:hidden
}

.iStoryBlkRight img {
height:30px;
padding:220px 0 0 10px
}

.iStoryBlkMidTabBlk {
clear:both;
width:887px;
text-align:center;
background-color:#f1f1f1;
height:60px
}

.iStoryBlkMidTabBlk img {
float:left
}

.iStoryBlkMidTabOn {
float:left;
background-image:url(../images/learn/iStoryTab_On.jpg);
}

.iStoryBlkMidTabOn a {
float:left;
width:201px;
color:#1966a2;
display:block;
height:40px;
overflow:hidden;
padding:10px
}

.iStoryBlkMidTabOff {
float:left;
}

.iStoryBlkMidTabOff a {
float:left;
width:201px;
display:block;
height:40px;
overflow:hidden;
padding:10px
}

.iStoryBlkMidConBlk {
clear:both;
width:825px;
background:url(../images/generic/gra_bg.jpg) top repeat-x #fff;
display:block;
overflow:hidden;
padding:15px 30px 0
}

.iStoryBlkInsideOutBlk1Bg {
background:url(../images/learn/iStory_insideOut_img1.jpg) top no-repeat;
height:245px;
display:block;
overflow:hidden
}

.iStoryBlkInsideOutBlk2Bg {
background:url(../images/learn/iStory_insideOut_img2.jpg) top no-repeat;
height:245px;
display:block;
overflow:hidden
}

.iStoryBlkOurBrandPromiseBlk1Bg {
background:url(../images/learn/iStory_experts_img1.jpg) top no-repeat;
height:279px;
display:block;
overflow:hidden
}

.iStoryBlkGDL {
float:left;
width:388px;
display:block;
overflow:hidden;
margin-right:30px;
height:294px;
padding:0
}

.iStoryBlkGDR {
float:left;
width:400px;
display:block;
overflow:hidden;
height:294px;
margin:0;
padding:0
}

.iStorySlidingTabHolder1 {
width:825px;
height:304px;
position:relative;
overflow:hidden
}

.iStorySlidingTabHolder {
width:825px;
height:304px;
overflow:hidden
}

.iStorySlidingTabBox {
width:825px;
height:304px;
position:absolute;
left: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
}