.mainContainer {
    width:766px;
    margin:0 auto;
    background-color:#666666;
    padding:5px; /* Padding for the outside of the form */
    height:475px;
    }
.splitLeft {
    width:475px;
    height:475px;
    padding-right:5px;
    background-color:#666666;
    float:left;
    }
.splitRight {
    width:286px;
    height:475px;
    float:right;
    background-image:url(/fr/images/nav_repeat_bg.jpg);
    background-repeat: repeat;
    background-position: top;
    }
.videoObject {
    width:475px;
    height:267px;
    background-color:#666666;
    margin-bottom:5px;}
.videoTeaser {
    width:475px;
    height:203px;
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#ffffff;
    /*background-color:#FFFFFF;*/
    background:url(/fr/images/video_teaser_bg.jpg) top no-repeat;
}
.videoTeaser .hdr {
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:bold;
    margin-bottom:7px;
}
.videoTeaser .body {
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#ffffff;
    margin-bottom:7px;
    overflow:auto;
    height:143px;
    scrollbar-base-color: #333333;
    scrollbar-arrow-color: #000000;
    scrollbar-3dlight-color: #828282;
    scrollbar-darkshadow-color: #1C1C1C;
    scrollbar-face-color: #666666;
    scrollbar-highlight-color: #B7B7B7;
    scrollbar-track-color: #6B6B6B;
    padding-right: 2px;
}
.videoTeaser a{
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
    color:#757575;
}
.videoTeaser a:hover{
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
    color:#484848;
}
.videoTeaser img {
    border:1px #757575 solid;
}
.clipImage {
    width:90px;
    height:90px;
    padding-bottom:5px;
    padding-right:5px;
    background-color:#666666;
    float:left;
}
.clipNavArea1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    background-color:#DFDFDF;
}
.clipNavArea2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    background-color:#F2F2F2;
}
.clipNavArea1 .hdr, .clipNavArea2 .hdr {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#484848;
    padding-top:10px;
    padding-right:2px;
}
.clipNavArea1 .hdr a, .clipNavArea2 .hdr a {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
    color:#484848;
}
.clipNavArea1 .hdr a:hover, .clipNavArea2 .hdr a:hover {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
    color:#757575;
}

.clipNavArea1 .body, .clipNavArea2 .body {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:10px;
    font-style:normal;
    color:#000000;
    padding-right:2px;
    padding-top:5px;
    padding-bottom:10px;
}
.clipNavArea1 a, .clipNavArea2 a {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    text-decoration:none;
    font-weight:bold;
    color:#484848;
}
.clipNavArea1 a:hover, .clipNavArea2 a:hover {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    text-decoration:none;
    font-weight:bold;
    color:#757575;
}