/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

.haccordion{
padding: 0;
}

.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: right; /*leave as is*/
}

.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*/


#hc2 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 1px solid #faacac;
}

#hc2 li .hpanel{
padding: 0px; /*Padding inside each content*/
background: #eddcdc;
}




#hc3 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 1px solid #faacac;
}

#hc3 li .hpanel{
padding: 0px; /*Padding inside each content*/
background: #eddcdc;
}




#hc4 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 1px solid #faacac;
}

#hc4 li .hpanel{
padding: 0px; /*Padding inside each content*/
background: #eddcdc;
}


#hc5 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 1px solid #faacac;
}

#hc5 li .hpanel{
padding: 0px; /*Padding inside each content*/
background: #eddcdc;
}



#hc6 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 1px solid #faacac;
}

#hc6 li .hpanel{
padding: 0px; /*Padding inside each content*/
background: #eddcdc;
}


#hc8 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 1px solid #faacac;
}

#hc8 li .hpanel{
padding: 0px; /*Padding inside each content*/
background: #eddcdc;
}