div.accordion {
  clear:both;
  width: 100%;
  height: 400px;
  border-left:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
  border-bottom:1px solid #dcdcdc;
  overflow:hidden;
  background-image:url('../img/pattern.gif');
  background-repeat:repeat;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

div.accordion div.heading, div.panel {
  float: left; 
  height: 100%;
  text-align:left;
}

div.accordion div.heading {
width: 60px; 
line-height:100%;
background-color: #888888;  
cursor: pointer;
border-right:1px solid #dcdcdc;
vertical-align:bottom;
position:relative;
}

div.accordion div.heading img{
position: absolute; bottom: 0px;
}

div.accordion div.panel {
position:relative;
display:none;
overflow: auto; 
/*background-image:url('../img/test_bg.png');*/
background-position:center center;
background-color:#ffffff;
background-repeat:no-repeat;
}

div.accordion div.panel div.inner_panel{
position:relative;
/*display:none;*/
overflow: auto; 
/*background-image:url('../img/test_bg.png');*/
background-position:center center;
background-color:#ffffff;
width:100%;
height:100%;
background-repeat:no-repeat;
}


div.accordion div.panel div.textbox {
height:25%;
background-image:url('../img/trans_50.png');
background-repeat:repeat;
position:absolute; bottom: 0px;
overflow:hidden;
font-family:sans-serif;
display:none;
width:100%;
}

div.accordion div.panel div.textbox h1 {
  color:#ffffff;
  font-size:20px;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:5px;  
  font-weight:lighter;
}

div.accordion div.panel div.textbox p {
color:#ffffff;
font-size:15px;
line-height:20px;
padding-left:10px;
padding-right:10px;
}

div.accordion div.panel div.right {
display:none;
position:absolute; right:0px;
background-image:url('../img/arrow_right.png');
background-repeat:no-repeat;
background-position:right center;
width:50%;
height:75%;
}

div.accordion div.panel div.left {
display:none;
position:absolute; left:0px;
background-image:url('../img/arrow_left.png');
background-repeat:no-repeat;
background-position:left center;
width:50%;
height:75%;
}

div.accordion div.panel div.right:hover {
cursor:pointer;
}

div.accordion div.panel div.left:hover {
cursor:pointer;
}