.haccordion .header, .haccordion .content{
   float:right;
   height: 200px;

  }

  
  .haccordion .header{
   width: 125px;
   height: 200px;

  }
  
  .haccordion .content{
   display: none;
   overflow: auto;
   width: 0px;
   height:auto;
  }
  
 .haccordion .content.visible{
    display: block;
    
   width:400px;
   height:auto;

  }
  
 

  .haccordion .content p{
   margin: 5px;
   width:350px;
   height:auto;
   font-family:tahoma;
   font-size:12px;
   direction:rtl;
   padding-top:15px;
  }
  
  .header a{
    display: block;
 
    height: 200px;
  }

.haccordion .content ul{

   width:350px;
   height:auto;
   font-family:tahoma;
   font-size:12px;
   direction:rtl;
   color:#000;
   padding-top:10px;
  }

.haccordion .content li{
	width:350px;
   height:auto;
   font-family:tahoma;
   font-size:12px;
   direction:rtl;
   color:#000;
   padding-top:5px;
   padding-right:2px;
   list-style:circle;
   list-style-image:url(arr.gif);
  
   margin-right:25px;

  }


.haccordion img {
	float:left;
	margin-right:5px;
	cursor:pointer;
	border:none;
	
}


a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}