.carrouscontent{
    display:inline-block;
    width: 800px;
    height: auto;
    position: relative;
}
#carrous{
    float: left;
    height: auto;
    min-height: 350px;
}
#carrous li{
    padding: 0;
    list-style: none;
}
/*
 * This CSS is only used for the demo pages.
 * This is not a requirement for carrous work
 */

body{  }
#content, .content{ width:800px; margin:0 auto; padding:10px 0 100px; position:relative }
a{ color:#bf2323; text-decoration:none }
a:hover{ text-decoration:underline }
a.backtotop{ display:block; text-align:right }

#controls{ display:none; position:absolute; right:0; top:150px; width:200px; background:#ece0d9 }
#controls_button{ position:absolute; left:-20px; width:20px; height:50px; background:#ece0d9; cursor:pointer;
                  -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px }
#controls_button div{ padding:14px 0 0 7px; color:#b9a79d }

#contentdiv{ background:#fff; border:1px solid #d5d5d5; border-width:0 1px 1px 0 }
#contentdiv h2{ margin-top:0 }
#contentdiv div{ padding:30px }

#prev, #next{ position:absolute; top:125px; cursor:pointer }
#prev{ left:-50px }
#next{ right:-50px }

#carrous{
    display: block; /* Start invisible until the plugin is loaded */
    margin: 0 auto;
}

/* The frames */
#carrous li{ /* Color of the frame behind and around the image */
}

/* Headers of all frames */
#carrous h6{
    margin: 0;
    line-height: 130%;
    font-family: sans-serif;
    font-weight: normal;
    color: #FF0000;
}

/* Description text of all frames */
/* Note that this is the complete text layer, including the header inside */
#carrous span{
    display:block;
    font-family: Verdana, sans-serif;
    line-height: 120%;
    color: #999;
    background:url(/themes/forgex/images/bg7.png);
    margin-top: 300;
    padding: 10px 15px 14px;
    text-align:justify;
}

.prev_car {
    width:70px;
    height:70px;

}
.prev_car A a{
    width:70px;
    height:70px;
    background:url(../images/btn_prevton.png) no-repeat;

}
.prev_car A a:hover{
    background:url(../images/btn_prevtoff.png) no-repeat;
}

/* The most frontal item */
#carrous .front img{
    margin: 0px; /* Determines the gap between image and frame border */
}
#carrous .front h6{
    font-size: 30px; /* Front frame header */
}
#carrous .front span{
    font-size: 11px; /* Front frame description text */
}

/* The further back items */
#carrous .behind img{ /* Determines the gap between image and frame border */
    margin: 0px;
}
#carrous .behind h6{ /* Behind frame headers */
    font-size: 20px;
}
#carrous .behind span{ /* Behind frame description text */
    font-size: 9px;
}

/* The furthest back items */
#carrous img{ /* Determines the gap between image and frame border */
    margin: 0px;
}
#carrous .back h6{ /* Back frames header */
    font-size: 13px;
}
#carrous .back span{ /* Back frame description text */
    font-size: 9px;
}

/* That's it for the settings */

.carrous{ margin:0; padding:0; position:relative; z-index:1 }
.carrous li{ margin:0; padding:0; list-style:none; position:absolute; z-index:1; display:none; border-width:0;}
.carrous img{ border:0; vertical-align:bottom }
.carrous span{ display:block; position:absolute;  margin-top:20px;left:0; right:0; bottom:0; text-align:left; cursor:default;}
.carrous h6{ cursor:default }
.carrous a, .carrous a:hover{ cursor:default; text-decoration:none; outline:none }
.carrous.rtl h6, .carrous.rtl span{ text-align:right }