.haccordion .header, .haccordion .content{
   float: left;
   height: 503px;  
  }
  
  .haccordion .header{
   width: 30px;
   background: #ccc;
   color: #fff;
   cursor: pointer;
  }
  
  .haccordion .content{
   display: none;
   width: 0px;
   overflow: auto;
   
  }
  
  .haccordion .content.visible{
    display: block;
    width: 605px;
  }
  
  .haccordion .content p{
   margin: 5px;
  }
  
  .header a{
    display: block;
    width: 620px;
    height: 505px;
  }
  h3{margin:0;}
  
  .even{background-color:#a1176d;}
  .odd{background-color:#D81D92;}