.haccordion{ padding: 0; }

.haccordion ul{ margin: 0; padding: 0; list-style: none; overflow: hidden; /*leave as is*/ } 

.haccordion li{ margin: 0; padding: 0; /*leave as is*/ width: 100%; /*For users with JS disabled: Width of each content*/ height: 258px; /*For users with JS disabled: Height of each content*/ overflow: hidden; /*leave as is*/ float: left; /*leave as is*/ } 

.haccordion li .hpanel{ width: 100%; /*For users with JS disabled: Width of each content*/ height: 258px; /*For users with JS disabled: Height of each content*/ } 

.hpanelimage { float:right; } .hpanelcaption { margin-top:-100px; float:right; color:#fff; padding:15px; font-size:15px; line-height:18px; background:#111; width: 500px; } 
.hpanelcaption a {color:#fff; } .hpanelcaption a:hover {text-decoration:none;} /*CSS for example 

Accordion #hc1*/ 
#hc1 { margin-top:5px; } 
#hc1 li{ margin:0; /*Spacing between each LI container*/ } 
#hc1 li .hpanel img{ width:840px; height:258px; }
#hc1 li .hpanel{ padding: 0; /*Padding inside each content*/ background: #111; } /*CSS for example Accordion
#hc2*/ #hc2 li{ margin:0 0 0 0; /*Spacing between each LI container*/ border: 0; } 
#hc2 li .hpanel{ padding: 0; /*Padding inside each content*/ } 