/*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;
width: 840px;
float: right;


}

.hpanel {
	background-image:url(../images/jeans_template_holiday11.jpg);
	background-repeat:no-repeat;
	padding: 12px;
	
}
.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
 -moz-box-shadow: -5px 0px 0px #05182f;
  -webkit-box-shadow: -5px 0px 0px #05182f;
  box-shadow: -5px 0px 7px #05182f;
}


.haccordion li{
margin: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 534px; /*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: 560px;  /*For users with JS disabled: Height of each content*/
background-color:#06203e;

}

.haccordion li img{
	padding: 0;
	float: left;


}