/* Content togle css ----------------------------------------*/
h2.trigger {
    background:url(../images/trigger.gif) no-repeat scroll 0 0 transparent;
    background-size: 100% 60px;
    color: #000000 !important;
    cursor: pointer;
    font-size: 1.2em !important;
    font-weight: normal !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 0 5px !important;
    padding: 0 0 0 50px !important;
    /*change width if you want fixed e.g.: 575px; or auto;
         also change this in your .toggle_container! */
    width: auto;
    border: none !important;
}
h2.trigger:hover {
    color: #666666;
}
h2.active {
    background-position: left bottom;
}
.toggle_container {
    background: url(../images/toggle_block_stretch.gif) repeat-y scroll left top #f5ebe6;
    background-size: 100% auto;
    border-top: 1px solid #e0bda7;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0;
    /*change width if you want fixed e.g.: 625px; or auto; */
    width: auto;
}
.toggle_container .block {
    background: url(../images/toggle_block_stretch.gif) no-repeat scroll left bottom transparent;
    background-size:100% auto;
    padding:10px 20px;
}
.toggle_container .block p {
    margin: 5px 0;
    padding: 5px 0;
}/*
.toggle_container h3 {
    border-bottom: 1px dashed #e9e2cd;
    margin: 0 0 10px;
    padding: 0 0 5px;
} 
.toggle_container img {
    background: none repeat scroll 0 0 #e9e2cd;
    border: 1px solid #CCCCCC;
    float: left;
    margin: 10px 15px 15px 0;
    padding: 5px;
} */