/**
* This is an individual banner css template
**/
/* NOTE: Make all your rules, at least, children of your parent element to avoid CSS rules cross-contamination */

banner-ad #hero-image-click {
  right: 0;
  bottom: 0;
  height: 100%;
  width: 65%;
}

banner-ad #hero-image {
    height: 90px;
    width: 472px;
}

banner-ad #logo{
  left: 15px;
  top: 30px;
}

banner-ad section#frame-1,
banner-ad section#frame-2{
  height: 90px;
  width: 35%;
}

banner-ad .title, banner-ad .title-2{
  padding: 0 10px 0 100px;
  font-size: 18px;
  line-height: 23px;
}

banner-ad #headline-2-container {
  height: 90px;
}

banner-ad .lower-bg {
  left: 0;
  height: 90px;
}

banner-ad #carousel{
  height: 100%;
  width: 335px;
  right: 137px;
}

banner-ad #carousel h3{
  margin: 0;
  width: 175px;
}

banner-ad #carousel .img {
  height: 70px;
  display: inline-block;
  width: 100px;
}

banner-ad #carousel .copy {
  height: 100%;
  width: 190px;
  top: 0;
  left: 160px;
  position: absolute;
  display: table;
}

banner-ad #carousel .item {
  padding: 10px 10px 10px 30px;
}

banner-ad #carousel #carousel-nav {
  padding: 0 10px;
  top: 10px;
}

banner-ad #carousel-nav{
  top: 25px;
  width: 165px;
  left: 250px;
}

#carousel .copy > div{
  display: table-cell;
  vertical-align: middle!important;
}

banner-ad #carousel .copy p{
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
}

banner-ad #carousel .price-discount{
    font-size: 12px;
}

banner-ad #carousel .copy p.original-price {
  font-size: 12px;
  text-decoration: line-through;
  margin-right: 5px;
}

banner-ad #cta {
  top: 30px;
  left: 605px;
}