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


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    background-repeat: no-repeat;
    zoom: 1;
}
ol, ul {
    list-style: none;
}
body {
    font-family: arial, Sans-serif;
    background-color: #fff;
}
.clear {
    clear:both;
}
#wrapper_container{
    margin: 0 auto;
    width: 960px;
    background:#fff;
    min-height:300px;
}

#header {

}
#content {
    clear: left;
    padding: 20px;
}

#footer {
    text-align: left;
    height: 1%;
    margin-top: 10px;   
}

#mastlogo { width:17%; float:left;}
#promo { float:right; width:80%;}
#top-link { height:20px; }
#language { width:20%; float:right;}
#clear { clear:both;}
#link { width:35%; float:left;}
#link ul li { width:auto; padding:5px; float:left; }
#brand_logo #search { float:right; width:40%; }
#brand_logo #logo { float:left; width: 300px;}
#navigation { height:50px; width:auto;}
#wrapper_area { height:20px; clear:both;}
#print{ width:24%; float:right;}
#breadcrumb { width:75%; float:left;}
#wrapper_hnav ul li, #promo ul li { width:auto; float:left; padding:5px;}
#content_wrapper { min-height: 300px; margin-top:10px;}
#brand_logo ul { padding:0px; margin:0px; }
#wrapper_left { width:20%; float:left; }
#wrapper_right { float:right; margin-left:10px; width:78%;}
div.grid-3 div.column1 {float:left; width:33%; margin-right:10px;}
div.grid-3 div.column2 {float:left; width:33%; margin-right:10px; }
div.grid-3 div.column3 {float:left; width:30%; }
div.new { clear:both;}
div.grid-4 div.column1 {float:left; width:49%; margin-right:10px;}
div.grid-4 div.column2 {float:left; width:49%;}
div.grid-6 div.column1 {float:left; width:64%; margin-right:10px;}
div.section div ul { height:20px;}
div.cq-element-portal-logo { height:20px; }
div.column-layout, div.rich-text, div.section {clear:both;}

#wrapper_leftcontent {float: left; width: 70%;}
#wrapper_rightcontent {float: left; margin-left: 10px; width: 28%;} 

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



.service-panel-wrapper {
    position:absolute;
    top:0;
    right:0;
    overflow:hidden
}
.spw-open {
    width:100%;
    height:100%;
    background:url(../img/bg.png)
}
.sp-sm {
    margin-left:-36px
}
.sp-sm a {
    width:36px;
    height:60px;
    background-position:0 0
}
.sp-sm a:hover, .sp-sm a:focus, .sp-sm a:active {
    width:36px;
    background-position:1px -99px
}
.service-panel-container {
    position:relative;
    left:100%;
    min-width:219px;
    margin:70px 0 0 -70px;
    overflow:hidden
}
.service-panel-trigger {
    margin:0;
    float:left;
    clear:left
}
.service-panel-trigger a {
    display:block;
    width:70px;
    height:162px;
    background:url(../img/sprite.png) no-repeat -50px 0;
    text-indent:-3000px;
    outline:0
}
.service-panel-trigger a:hover, .service-panel-trigger a:focus, .service-panel-trigger a:active {
    background-position:-150px 0;
    outline:0
}
.service-panel {
    position:relative;
    padding:20px 0 0;
    background:#fff;
    border:solid 1px #c1d1d3;
    border-right:solid 4px #d5e8ec;
    overflow:hidden;
    float:left
}
.service-panel-top {
    position:relative;
    margin:-20px 0 0;
    padding:4px;
    background:#fff;
    font-size:.7em;
    overflow:hidden;
    border-right:solid 1px #c1d1d3
}
.service-panel-top a {
    position:absolute;
    top:20%;
    right:4px;
    padding:0 0 0 4px;
    color:#6d6d6d;
    text-decoration:none;
    background:#fff
}
.service-panel-btm {
    margin:0;
    padding:4px
}
.service-panel-top span, .service-panel-btm span {
    display:block;
    height:12px;
    background:#8b004f;
    border-radius:2px
}
.service-panel iframe {
    position:absolute;
    width:0;
    height:0;
    border:0
}
.service-panel iframe.service-panel-page {
    position:relative;
    left:20px;
    width:700px;
    float:left
}
.service-panel .service-panel-content {
    width:143px;
    background:#fff;
    border-right:solid 1px #c1d1d3;
    float:right
}
.service-panel ul {
    width:137px;
    margin:0 2px 0 4px;
    padding:0;
    list-style:none;
    border:solid 1px #c1d1d3;
    border-right:0;
    border-radius:5px 0 0 5px;
    background-color:#ccc;
    background:-moz-linear-gradient(left, #e6e6e6 0, #fff 130px);
    background:-webkit-linear-gradient(left, #e6e6e6 0, #fff 130px);
    background:-o-linear-gradient(left, #e6e6e6 0, #fff 130px);
    background:-ms-linear-gradient(left, #e6e6e6 0, #fff 130px);
    background:linear-gradient(left, #e6e6e6 0, #fff 130px);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=1)
}
.service-panel li {
    position:relative;
    margin:10px 0;
    min-height:52px
}
.service-panel li a {
    width:135px;
    display:block;
    min-height:52px;
    color:#6d6d6d;
    text-decoration:none
}
.service-panel li a:hover, .service-panel li a:focus {
    width:135px;
    display:block;
    min-height:52px;
    color:#8b004f;
    text-decoration:none
}
.service-panel li img {
    display:block;
    margin:0 2px;
    float:left;
    clear:left
}
.service-panel li a span {
    display:table-cell;
    height:52px;
    font-size:.8em;
    vertical-align:middle
}
*:first-child+html .service-panel {
    width:144px
}