/**
 * Undo the strange <span:display=inline-block> created by BrightcoveExperiences.js
 * This causes complete layout failure for both IE8 and IE9. This is most probably
 * because the flash region tries to render using width & height set to 100% - I
 * don't know enough about the video player at this time to be confident in removing
 * these percent values. So for the timebeing, switching IE to use "block" fixes the issue.
 */
#zone-content #region-content .field-name-field-brightcove-id span {
  display: block !important;
}

/**
 * Override height:100% which works for all other browser but IE8 requires height auto
 * so as to not break proportions.
 */
.flexslider-fullscreen #region-content .field-name-body .flexslider.inlineslideshow .slides img {
  height: auto !important;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:active {display:none!important;  }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:active {display:none!important;}