#loyalty-membership-programs-sidebar {
  float: right;
  width: 260px;
  height: 395px; }

#loyalty-membership-programs {
  float: left;
  width: 719px; }

.loyalty-membership-program-club {
  height: 247px;
  margin-bottom: 30px; }

.loyalty-membership-program-club .media-gallery {
  height: 100%;
  width: 469px;
  margin-right: 15px; }

.loyalty-membership-program-club .description-box {
  height: 100%;
  padding: 15px; }

.loyalty-membership-program-club .description-box p {
  margin-top: 15px; }

.loyalty-membership-programs-wrapper .tab {
  /*border: 1px solid $color-93908f;*/
  padding: 0px 15px 15px 15px;
  overflow: hidden; }

.loyalty-membership-programs-wrapper .ui-tabs-hide {
  display: none; }

.loyalty-membership-programs-wrapper .tab .list-item {
  height: 165px; }

.loyalty-membership-programs-wrapper .tab .item-details {
  padding-left: 95px; }

.loyalty-membership-programs-wrapper .tab .item-details-inner {
  height: 70%; }
  .loyalty-membership-programs-wrapper .tab .item-details-inner .program-description {
    white-space: pre; }

.loyalty-membership-programs-wrapper .tab .main-action h3 {
  padding-bottom: 5px;
  text-align: right; }

.loyalty-membership-programs-wrapper .tab .main-action .proceed-link {
  float: right; }

.loyalty-membership-programs-wrapper .tab .main-action a {
  color: #38a8fd;
  border-bottom: 0; }

.membership-program-tabs {
  text-align: center; }

.membership-program-tabs li {
  float: left;
  width: 90px;
  height: 30px; }

.membership-program-tabs li a {
  text-decoration: none;
  border-bottom: none; }

.membership-program-tabs .ui-tabs-selected a {
  font-weight: bold;
  color: #333333; }

.membership-program-tabs .ui-tabs-selected {
  position: relative;
  border-bottom: #333333 solid 3px; }

/* selected arrow shape */
.membership-program-tabs .ui-tabs-selected:after {
  content: ' ';
  border-color: transparent transparent #333333 transparent;
  border-color: transparent transparent #333333 transparent;
  /* firefox transparency fix */
  border-style: solid;
  border-width: 1px 5px 5px 5px;
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: 9px; }

.loyalty-membership-program-club .description-box {
  height: 247px;
  padding: 0px; }
  .loyalty-membership-program-club .description-box .box-content {
    margin: 5px 10px; }

.loyalty-membership-programs-wrapper .tab .list-item:last-child {
  border-bottom: none; }

/*The code for responsiveness can be found below. If you're including the responsiveness code in your custom CSS files, you may need to tweak the responsiveness code or the other CSS code in your files to ensure that responsiveness works correctly.*/
@media screen and (max-width: 767px) {
  #loyalty-membership-programs-sidebar {
    display: none; }
  #loyalty-membership-programs {
    float: none;
    width: auto; }
    #loyalty-membership-programs .tab {
      padding: 0; }
    #loyalty-membership-programs .program-description {
      white-space: normal; }
  .loyalty-membership-program-club {
    height: auto;
    margin-bottom: 0; }
    .loyalty-membership-program-club .media-gallery {
      display: none; }
    .loyalty-membership-program-club .description-box {
      height: auto; } }