.block-template-complimentary-benefits-footer-v1{
  float:none !important;
}

.expandable-footer-comp-benefits-v1 {
  position: relative;
  padding: 0 10px;
}

.expandable-footer-comp-benefits-v1 .expanded-content {
  display: none;
  position: fixed;
  left: 0;
  bottom: 39px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  z-index: 100;
}

.expandable-footer-comp-benefits-v1 .expanded-content .exp-comp-ben-container{
  background: rgba(255,255,255,0.85);
  height: 39px;
}

html.ie8 .expandable-footer-comp-benefits-v1 .exp-comp-ben-shadox {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/export/cms/border_trans.png',sizingMethod="scale");
  height: 20px;
  display: block;
  width: 100%;
}

html.ie8 .expandable-footer-comp-benefits-v1 .expanded-content .exp-comp-ben-container{
  background: transparent; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/export/cms/plaque-bg-ie-65.png',sizingMethod="scale");
  
}

/*@media (max-width: 768px){
    .expandable-footer-comp-benefits-v1 .expanded-content {
        position: relative;
        left: auto;
        bottom: auto;
        height: auto;
    }
}*/

.expandable-footer-comp-benefits-v1 .expanded-content-wrapper {
  display: table;
  vertical-align: middle;
  width: 73%;
  padding-top: 2px;
  padding-left: 143px;
  height: 37px;
  margin: 0 auto;
}


.expandable-footer-comp-benefits-v1 .expanded-content-inner {
  /*display: table-cell;*/
  display:block;
  vertical-align: middle;
  width: 100%;
  padding-top:10px;
}

.expandable-footer-comp-benefits-v1 .expanded-content-inner .left {
  float: left;
  clear: left;
  /*width: 100%;*/
}

@media (max-width: 768px) {
    .expandable-footer-comp-benefits-v1 .expanded-content-inner .left {
        float: none;
    }
}
.expandable-footer-comp-benefits-v1 .expanded-content-inner #country-nav {
  float: right;
  width: 155px;
  clear: right;
}

.expandable-footer-comp-benefits-v1 #country-selector {
  width: 155px;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0 12px;
  background: url('icon-arrow-sprite.png') no-repeat 131px 9px;
  text-align: left;
  line-height: 24px;
}

.expandable-footer-comp-benefits-v1 #country-selector:hover {
  background-position: 131px -83px;
  border-color: #000;
  text-decoration: none;
}

.expandable-footer-comp-benefits-v1 #country-nav {
  position: relative;
}

.expandable-footer-comp-benefits-v1 #country-nav .menu {
  display: none;
  position: absolute;
  bottom: 31px;
  left: 0;
  background: #fff;
  border: 1px solid #000;
  border-bottom: 0;
  width: 155px;
}

.expandable-footer-comp-benefits-v1 #country-nav .menu li {
  margin: 0;
  padding: 0;
  display: block;
  text-align: left;
  float: none;
}

.expandable-footer-comp-benefits-v1 #country-nav .menu li a {
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 0 12px;
}

.expandable-footer-comp-benefits-v1 #country-selector,
.expandable-footer-comp-benefits-v1 .menu li {
  line-height: 24px;
}


/**
 * Expanded footer - The .js file for this template will add an "expanded" class to the footer block when it's
 * suppose to be expanded at all times. We use this to override the styles from the main #footer div to meet our needs.
 */

#footer.expanded {
  height: 80px;
  padding-top: 50px;
}

#footer.expanded .expandable-footer-comp-benefits-v1 .more {
  display: none;
}

#footer.expanded .expandable-footer-comp-benefits-v1 .expanded-content {
  display: block;
}

@media screen and (max-width: 1024px) {
  #footer .expandable-footer-comp-benefits-v1 .expanded-content-wrapper {
    display: table;
    vertical-align: middle;
    width: 768px;
    max-width: 768px;
    height: 100%;
    margin: 0 auto;
    padding: 6px 0;
    padding-left: 149px;
  }
}


.expandable-footer-comp-benefits-v1 .nodeblock_more{
   display: none; 
}


.expandable-footer-comp-benefits-v1 .expanded-content-nodeblock {
  padding-left: 0;
}

.expandable-footer-comp-benefits-v1 .expanded-content-nodeblock .expanded-content-inner{
  text-align:center;
}