.haccordion{
padding: 0;
margin-top:20px;
}
.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}
.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
cursor: pointer;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px;  /*For users with JS disabled: Height of each content*/
}
/*CSS for example Accordion #hc1*/
#accordion li{
margin:0 0px 0 0; /*Spacing between each LI container*/
}
#accordion li .hpanel{
padding: 0px; /*Padding inside each content*/
}
.pcaption  {
background:none repeat scroll 0 0 #111111;
color:#FFFFFF;
float:right;
font-size:12px;
line-height:18px;
margin-top:-100px;
padding:20px 15px;
width:560px;
opacity:.7;
-webkit-border-top-left-radius:4px;
-moz-border-top-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-bottom-left-radius:4px;
}
.pcaption a {color: white; font-weight: bold; text-decoration: underline; text-shadow: 1px 1px 0px #333}
.pcaption a:hover {text-decoration: none;}