.special-offer {position: absolute;z-index:1000;top:-12px;left:130px;padding:3px 0px;width:120px;height:auto;margin-left:0px;color:#FFFFFF;background-color:#f7852b;text-align:center;font-family: 'OpenSansBold',sans-serif;}/* orange tag */
.year {position:relative;top:20px;left:40px;color:#999;font-family: "OpenSansLight";}/* chart '/year' */


/* TABLET */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.special-offer {left:50px;} /* orange tag */
.year {position:relative;top:13px;left:40px;color:#999;font-family: "OpenSansLight";}/* chart '/year' */
}


.domains-offer-strip {
  background: #245684;
  height: 55px;
  margin-top: -15px;

  color: #fff;
  padding: 0px !important;
}

.domains-offer-strip p {

}

.domains-offer-strip .first-year{
  line-height:;
}

.domains-search-container {min-height: 140px !important;}
ul#hero-search-links li {
display: inline;
margin: 0 10px 0 20px !important;
float: left;
}

ul.domain-usps {padding: 0 20px !important; margin-bottom: 0px !important;}

.domain-usps li.four{ 
width:40% !important;
}



/* accordion */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background:none !important;
  background-color:transparent !important;
}
#accordion a:hover,  {
  border: none;
}
a, a:hover, a:active, a:focus {
  outline: 0; 
}
#accordion p {
    font-size: 15px;
    line-height: 25px;
  color: #555555;
    margin: 0;
    padding: 0 0 15px;  
}
#accordion h4 {
  cursor:pointer;
  background:none;
  padding-top:12px;
  padding-bottom:10px;
  border:none ;
  padding-left: 50px;
  border-top:solid 1px #CCCCCC;
  color:#000;
  height:40%;
  font-size:80%;
}
.answer {
  background:#FFFFFF;
  border:none;
  padding:20px;
  position:relative;
}
/*element styles for font awesome arrow icons*/
.element {
  cursor:pointer;
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-weight: normal !important;
  text-decoration: inherit !important;
  color: #217AA4 !important;
  font-size: 25px !important;
  position: relative !important;
}
.iconOpen:before {
    content: "\f0d7" !important; 
  float:left !important;
  margin-left: 20px;
  margin-top: 15px;
}
.iconClosed:before {
    content: "\f0da" !important; 
  float:left !important;
  margin-left: 22px;
  margin-top: 14px;
}



.header-text-container a.offer-disturber, a.offer-disturber:hover, a.offer-disturber:active, a.offer-disturber:focus {
  outline: 0; 

  text-decoration: none !important;
}



table td span.feature{ position:relative;float:left;}
table#domian-features a { 
  width:100%;
  height:100%;
    position:absolute;
  display:block;
    background-color: transparent;
  float:left;
  z-index:100;
}
table#domian-features a:hover:before {
    /* Use the data- attribute as the tooltip content */
    content: attr(data-tip) ;
    color: #333333;
    position:absolute;
    z-index: 999;
    background:#E6E6E6;
    padding:15px 15px 30px 15px;
    height: auto;
  border: 1px solid #1082AA;
  border-bottom: 5px solid #1082AA;
  font-size: 13px;
  font-family: 'OpenSansRegular',sans-serif;
  line-height: 20px;
  box-shadow: 3px 3px 10px #888888;
  -moz-box-shadow: 3px 3px 10px #888888;
    -webkit-box-shadow: 3px 3px 10px #888888;
  /* Positioning */
  top:0px;
  left:180px;
  width:250px;
    /* Pull the text back on hover */
    text-indent: 0;
}
/* Position the left 10 (because it is too long*/
a.left-10:hover:before {top:-810px !important;}



  p.vatunder {
    top: 455px !important;
    left: 700px !important;
  }

  .slim-banner {
    background: #215429;
    margin:0px;
    padding-top:0px !important;
    padding-bottom:0px !important;
    background-position: center;
    border-top: 1px solid #fff;
    height: 102px;
  }

  .banner-first-line {
    font-family: 'dinbold', sans-serif;
    color: #fff;
    font-size: 33px;
    margin: -10px 0 0 0;
  }

  .banner-second-line {
    color: #fff;
    font-family: 'dinmedium', sans-serif;
    font-size: 20px;
    margin-top: 5px;
  }

  .slim-banner-uk-logo {
    position: relative;
    top: 18px;
  }

  .london-ribbon {
    width: 530px;
    height: 46px;
    background: #1e5e7d url("/assets/images/london-ribbon.jpg");
    background-repeat: no-repeat;
    background-position: right;
    margin: 0 auto;
    color: #fff;
    font-family: 'dinmedium', sans-serif;
    font-size: 21px;
    margin-top: 25px;
    padding:20px 0 0 0;
  }

  .london-ribbon .left {
    float: left;
    padding-left: 15px;
  }

  .london-ribbon .right {
    float: right;
    color: #111;
    padding: 2px 18px;
    font-size: 19px;
  }

  .hero-domain-names .header-text-container, .hero-domain-names-1 .header-text-container, .hero-domain-names-2 .header-text-container {
    margin-bottom: 50px;
  }

  .hero-domain-names .domains-search-container, .hero-domain-names-1 .domains-search-container, .hero-domain-names-2 .domains-search-container {
    margin: -8px auto 0 auto  !important;
    height: 210px;
  }

  .hero-domain-names-1 .domains-search-container input.socsearchbox{
    width: 80%;
    float: left;
    margin: 30px 0 0 0;
  }

  .hero-domain-names .domains-search-container input#search_button, .hero-domain-names-1 .domains-search-container input#search_button, .hero-domain-names-2 .domains-search-container input#search_button {
    width: 18%;
    float: right;
    margin: 20px 0 0 0;
  }

  .new-sticker {
   display: block;
    background: #f47139;
    color: #fff;
    position: absolute;
    padding: 3px;
    width: 80px;
    top: 0px;
    right: -10px;
    text-align: center;
    height: auto;
  }

  .domains-search-container .column .four {
    margin-top: 10px;
    width: 50% !important;
    float: left !important;
  }


  .wales-search-banner {
    background: url("/assets/images/wales-ga-large-banner-bg.jpg");
    width: 100%;
    height: 231px;
    background-size:contain;
    }
  
  
  .wales-search-banner h2 {
    color: #181818;
    position: relative;
    font-size: 38px;
    font-family: 'dinbold', sans-serif !important;
    top: 37px;
    left: 36px;
    }
    
  .wales-search-banner input[type=submit] {
    background: url("/assets/images/search-icon-wales.png") no-repeat;
    background-position: center center;
    border: 0px;
    width: 31px;
    height: 31px;
    top: 62px;
    position: relative;
    left: 190px;
    }
    
    .wales-search-banner input[type="text"] {
      width: 300px;
      padding: 20px 50px 20px 25px;
      position: relative;
      border-radius: 5px;
      border: 0px;
      left: 240px;
      top: 60px;
    }

    .wales-search-widget {
      }
  
.domains-offer-strip {
    background: #245684;
    height: 55px;
    margin-top: -15px;
    color: #fff;
    
  }
/*.UK DOMAINS*/
  .domains-offer-strip div>p {
    font-family: 'dinmedium', sans-serif;
    color: #fff;
    margin: 0 auto;
    width: 681px;
  }/*this selector replaces the one in staging*/
  
table.compchart span.per-month.two-line {
    top: 55%;
}/*this selector is new - so 'first /yr works on two lines' */
/*.UK DOMAINS*/

  .domains-offer-strip span.price{
    font-size: 28px;
    margin-left: 10px;
    display: block;
    margin-top: 15px;
    float: left;
  }

  span.domains-offer {
    font-size: 38px;
    margin-right: 10px;
    margin-top: 15px;
    display: block;
    float: left;
  }


.domains-offer-strip button {
  border-radius: 5px;
  background-color: #fff;
  width: 100px;
  height: 40px;
  float: left;
  color: #245684;
  border: 0px solid #fff;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
  top: 8px;
  line-height: 43px;
  margin-right: 10px;
  margin-left: 50px;
} 

.domains-offer-strip .first-year {
  margin-top: 16px;
  display: block;
  float: left;
  margin-left: 30px;
}
    
 
  @media only screen and (min-width: 768px) and (max-width: 1024px) {

/*.UK DOMAINS*/
table.compchart span.per-month {
  right: -30px;
}/*this selector positions the '/yr' closewr to the price a bit*/
/*.UK DOMAINS*/

     .domains-offer-strip div>p {
    font-family: "din-medium", sans-serif;
    color: #fff;
    margin: 0 auto;
   
  }
  
    section.hero-large {
      min-height: 450px;
    }


    ul#hero-search-links li {
      display:inline !important;
    }

    .hero-domain-names-1 .domains-search-container #hero_dom_search_form {
      height: 60px !important;
    }

    li.four {
      width: 268px;
    }

    .eight {
      width: 560px;
    }

    p.vatunder {
     top: 383px !important;
      width: 170px !important;
      
    }

    .header-text-container {
      margin-top: 40px;
    }

    .hero-domain-names-1 {
      height: 650px;
    }
  
  
    .wales-search-banner {
      height: 176px;
    }
  
  
  .wales-search-banner h2 {
    height:32px;
    top: 24px;
    font-size: 33px !important;
    }
    
  .wales-search-banner input[type=submit] {
      top: 44px;
      left: 140px;
    }
    
    .wales-search-banner input[type="text"] {
        width: 220px;
        padding: 15px 50px 15px 25px;
        left: 185px;
        top: 37px;
    }

    .wales-search-widget {
      }
  
  
  

  }

  @media only screen and (max-width: 767px) and (min-width: 315px) {
    .hero-domain-names-1 {
      min-height: 650px !important;
    }

    .hero-domain-names-1 .domains-search-container input.socsearchbox {
      width: 100%;
    }

    .hero-domain-names .domains-search-container input#search_button, .hero-domain-names-1 .domains-search-container input#search_button, .hero-domain-names-2 .domains-search-container input#search_button {

      width: 100%;
    }

    .hero-domain-names .domains-search-container {
      min-height: 140px;
    }

    ul#hero-search-links li {
      display: inline;
    }

    .domains-search-container ul.column {
      padding: 0%;
    }

    .hero-domain-names-1 {
      min-height: 600px;
      padding-bottom: 40px;
    }

    ul.domain-usps {
      margin: 0 0 0 0 !important;
    }

    .hero-full-width h3 { 
      margin: 0 0 60px 0 !important;
    }

    p.vatunder {
      top: 20px !important;
      left: 5px !important;
      text-align: center;
      position: relative !important;
    }

    #page-domains .offer-disturber small{
      display:none;
    }

    #page-domains .offer-disturber span {
    font-family: 'dinmedium';
    font-size: 20px;
    position: relative;
    color: #5c3e0a;
    top: 5px;
    /* float: left; */
    width: 100%;
    }


    #page-domains .offer-disturber span.right {
    position: relative;
    top: -15px;
    left: -5px;
    font-size: 18px;
    font-family: 'dinmedium';
    float: right;
    text-align: center;
    line-height: 16px;
    width: 100%;
    }

   .domain-usps {
    display: none !important;
  }     
  
  #hero-search-links {
    display: none !important;
  }

  .london-ribbon {
    display: none;
  }
  
  
  .wales-search-banner {
      display:none;
    }

 
    span.domains-offer {
      font-size: 28px;
      margin-right: 10px;
    }

}


@media only screen and (max-width: 600px) {

  .domains-offer-strip {
    display: none;
  }


}