/********************************************************************
    File:   
        indexCSS.css
    Brief:  
        Hold styles used in index.html
    Author:
        heliosmedia
    Author URI:
        http://www.heliosmedia.fr
*********************************************************************/

/******************************** 
    ACCORDION
*********************************/

#accordionContainer {
    width:960px; 
    height:300px; 
    overflow:hidden; 
    background-color:#000; 
    position:relative;
    border:0px solid #EEE; 
    margin-left:40px; 
    margin-top:15px;
}

.asyncImgLoadAccordion { clear: none; }

.accordionImgDiv 
{
    width: 760px;  
    height: 300px; 
    position: absolute;  
    border-left:1px solid #222;  
    margin-left: 0px; 
    background-color: black; 
    cursor:pointer;
    overflow: hidden;
}

.accordionImgDiv .slideStrip
{
    position: absolute;
    width: 90px;
    height: 300px;
    left:0px;
    top:0px;
    overflow: hidden;
    background-image: url('../img/common/ajax/loading6.gif');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: transparent;
}    

.accordionImgDiv .slideDesc
{
  position: absolute;
  left: 15px;
  bottom: 15px;
  font: normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #eee;     
}

.accordionSlideImage 
{
    border-left: 0px solid #AAA; 
    width:760px; 
    height:300px;
    
   background-image: url('../img/common/ajax/loading10.gif');
   background-repeat: no-repeat;
   background-position: 50% 50%; 
}    

.accordionDescBack 
{
    bottom:-70px;
    margin-left:0px;
    margin-top:0px;
    position:absolute;
    left:0px;
    width:760px;
    height:70px;
    opacity:0.0;
    filter:alpha(opacity=0); /* IE */ 
    background-color:#000;
    border-top:1px solid #111;
}

.accordionDesc 
{
    font-weight:normal;
    font-family: verdana;
    font-size:10px;
    padding-top:0px;
    padding-left:10px;
    text-align:left;
    color:#DDD;
    bottom:-70px;
    margin-left:0px;
    margin-top:0px;
    position:absolute;
    left:0px;
    width:760px;
    height:70px;
    opacity:0.0;
    filter:alpha(opacity=0); /* IE */ 
    background:none;
    border:0px solid red;
}

.accordionDescHeader 
{
    margin-top:5px;
    position:static;
    color:#FFF;
    font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding-bottom:3px;
    margin-bottom:0px;
}