.accordion 
{
  border: 1px solid #364760;
  margin: 0 0 1px 0;
}

.accordion > div 
{
    display: none;
}

.no-js .accordion > div { display: block; }

.accordion > h2
{
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 8px 20px 8px 10px;
    background: #017cc2;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#017cc2), to(#089df2)); /* Safari 4+, Chrome 1-9 */
    background-image: -webkit-linear-gradient(bottom, #017cc2, #089df2); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(bottom, #017cc2, #089df2); /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(bottom, #017cc2, #089df2); /* IE 10+ */
    background-image: -o-linear-gradient(bottom, #017cc2, #089df2); /* Opera 11.10+ */
}

/* ie 7/8/9 fix */
.ie7 .offer > h2,
.ie8 .offer > h2,
.ie9 .offer > h2,
.ie7 .accordion > h2,
.ie8 .accordion > h2,
.ie9 .accordion > h2  
{
    background: transparent url(/static/img/ui/gradient-blue-header-bg.jpg) repeat-x 0 50%; /* fallback image */
}


.accordion > h2 > .arrow
{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px 0 0;
}

.accordion > h2 > .arrow.close
{
    background: url(/static/img/ui/sprite-icon.png) no-repeat -33px -559px;
}

.accordion > h2 > .arrow.open
{
    background: url(/static/img/ui/sprite-icon.png) no-repeat -33px -598px;
}

#content .accordion .inner 
{
    padding: 0 30px 30px 30px;    
    overflow: hidden;
}

#content .accordion .inner .first 
{
    margin-top: 20px;    
}

#content .accordion .inner .last 
{
    margin-bottom: 0;    
}