@charset "utf-8";
/* 1. GLOBAL */
/* 2. BANNER */
#home-banner {
  height:450px;
  width:940px;
  margin-bottom:20px;

}
/* 2.1 BANNER - MAP */
#home-banner-map {
  float:right;
  height:450px;
  width:640px;
  margin-bottom:80px;
   background-color:#e4e4e4;
  -moz-border-radius-toprleft:4px;
  -webkit-border-top-left-radius:4px;
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
background-image:url(/public/20210415001223oe_/https://www.clao.org.uk/assets/images/backgrounds/map.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  position:relative;
}
      
/* 2.2 BANNER - RIGHT BLOCK */
#home-banner-right {
  float:left;
  height:410px;
  width:260px;
  margin-bottom:80px;
  padding:20px;
  background-color:color:#364b86;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
background-image:url(/public/20210415001223oe_/https://www.clao.org.uk/assets/images/backgrounds/CLAO_homepage_bg.jpg);
  background-repeat:no-repeat;
  background-position:top right;
  position:relative;
}
  #home-banner-right-title {
    border-bottom:#FFF solid 1px;
    padding-bottom:10px;
    font-size:18px;
    color:#FFF;
    font-weight:bold;
    line-height:24px;
    margin-bottom:20px;
  }
  
  #home-banner-right-list {
    background-color:#191970;
    width:240px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
  }
  
    #home-banner-right-list ul {
      list-style-type:circle;
      margin-left:20px;
    }
    
      #home-banner-right-list ul li {
        font-size:14px;
        font-weight:bold;
        color:#FFF;
        margin-bottom:10px;
        line-height:20px;
      }
      
        #home-banner-right-list ul li a {
          color:#FFF;
        }
        
        #home-banner-right-list ul li a:hover {
          color:#CCC;
        }
  
  #home-banner-right-txt {
    font-size:14px;
    font-weight:bold;
    color:#e1e1e1;
  }
  
    #home-banner-right-txt p {
      margin-top:12px;
    }
    #home-banner-right-txt .grey-text {
      color:#acacac;
    }

/* 3. HELP BLOCK */
#home-help-block {
  float:right;
  width:300px;
  min-height:300px;
}
  #help-block-top {
    width:260px;
    min-height:200px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    background-color:#364b86;
    border-bottom:#475f99 solid 1px;
    padding:20px;
    color:#FFF;
background-image:url(/public/20210415001223oe_/https://www.clao.org.uk/assets/images/backgrounds/bg-help-block.jpg);
    background-repeat:no-repeat;
    background-position:top left;
  }
  
    #help-block-title {
      font-size:18px;
      font-weight:bold;
      padding-bottom:12px;
      border-bottom:#FFF solid 1px;
    }
    
    #help-block-txt {
      font-size:16px;
      font-weight:bold;
      line-height:24px;
    }

    #help-block-txt a {
      color:#f2b90c;
    }
    
    #help-block-txt a:hover {
      color:#f3c538;
    }
    
    #help-block-txt p {
      margin-top:20px;
    }
  
  #help-block-bottom {
    width:260px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -webkit-border-bottom-left-radius:4px;
    background-color:#31487e;
    border-top:#203568 solid 1px;
    padding:20px;
  }
    #help-block-bottom-txt {
      color:#8393ca;
      font-size:12px;
      width:100px;
      float:left;
      line-height:14px;
    }
    
    #help-block-bottom-btn {
      float:right;
    }
    
      #help-block-bottom-btn a {
        display:block;
        height:19px;
        width:135px;
        font-size:11px;
        color: black
        border-color:#203568;
        text-align:center;
        background-color:#FFF;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        padding-top:8px;
        text-decoration:none;
      }
      
        #help-block-bottom-btn a:hover {
          color:#FFF;
          background-color:#203568;
        }

/* 4. LATEST NEWS BLOCK */
#home-news-block {
  float:left;
  width:620px;
  min-height:340px;
}
  #home-new-block-header {
    width:620px;
    height:20px;
    padding-top:20px;
    padding-bottom:15px;
    border-bottom:#1e3b75 solid 1px;
    margin-bottom:15px;
  }
  
    #home-new-block-title a {
      font-size:22px;
      font-weight:bold;
      color:#31487e;
      float:left;
    }
    
    #home-new-block-rss a {
      float:right;
      display:block;
      width:19px;
      height:19px;
background-image:url(/public/20210415001223oe_/https://www.clao.org.uk/assets/images/backgrounds/icon-rss-latest-news.jpg);
      background-repeat:no-repeat;
    }
    
  .home-new-article  {
    width:300px;
    min-height:300px;
    float:left;
  }
  
  .latest-article {
    margin-right:20px;
  }
    .home-article-img {
      width:300px;
      height:120px;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      background-color:#999;
      margin-bottom:20px;
      overflow:hidden;
    }
    
      .home-article-img a img {
        width:300px;
        margin-top:-30px;
      }
    
    
    .home-article-title, .home-article-txt, .home-article-date {
      width:280px;
      padding-left:10px;
      padding-right:10px;
      margin-bottom:10px;
    }
    
      .home-article-title a {
        font-size:14px;
        font-weight:bold;
        color:#31487e;
        text-decoration:none;
        line-height: 20px;
      }
      
      .home-article-txt a {
        font-size:14px;
        color:#898989;
        text-decoration:none;
      }
      
        .home-new-article a:hover {
          text-decoration:underline;
        }
    
    
      .home-article-date {
        font-size:12px;
        color:#445c94;
      }
ul#homepage-locations  li a {
    background: transparent url("/public/20210415001223oe_/https://www.clao.org.uk/assets/images/locations.png") no-repeat left;
    display: block;
    overflow: hidden;
    width:28px;
    height:40px;
    color:transparent;
    text-indent: 2000px;
    white-space: nowrap;
    margin:0;
    border:0;
    padding:0;

}

#homepage-edinburgh a {position:absolute; top:290px; left:220px;}
#homepage-edinburgh a:hover {background: transparent url("/public/20210415001223oe_/https://www.clao.org.uk/assets/images/locations.png") no-repeat right;}
#homepage-aberdeen a {position:absolute; top:170px; left:270px;}
#homepage-aberdeen a:hover {background: transparent url("/public/20210415001223oe_/https://www.clao.org.uk/assets/images/locations.png") no-repeat right;}
#homepage-inverness a {position:absolute; top:155px; left:170px;}
#homepage-inverness a:hover {background: transparent url("/public/20210415001223oe_/https://www.clao.org.uk/assets/images/locations.png") no-repeat right;}
#homepage-argylle a {position:absolute; top:280px; left:120px;}
#homepage-argylle a:hover {background: transparent url("/public/20210415001223oe_/https://www.clao.org.uk/assets/images/locations.png") no-repeat right;}

#edinburgh-info {position:absolute; top:30px; left:400px;}
#info-title {
    background: transparent url("/public/20210415001223oe_/https://www.clao.org.uk/assets/images/infoblock-bg.png") no-repeat top left;
    height:51px;
    width:245px!important;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 51px;
    padding-left: 0px;
    text-align: center;
    border-radius: 4px 4px 0 0;
    }

#info-content {
    background: transparent url("/public/20210415001223oe_/https://www.clao.org.uk/assets/images/1infoblock-bg-2.png");
border-radius: 0 0 4px 4px;
    background-position: -10px bottom;
    background-repeat:no-repeat;
    background-color:#4b6190;
    width:210px;
    font-size: 14px;
    padding-left: 10px;
    text-align: left;
    padding: 10px 10px 15px 15px;
    line-height: 1.25em;
    height: auto;
    margin-left:10px;
    color:#a7beec;
    }


#edinburgh-info, #inverness-info , #aberdeen-info , #argylle-info, #map-info {position:absolute; top:30px; left:380px;}

#info-title  a  {
    color: white;
    text-decoration:none;
    font-size: 14px;
  margin-left:10px;
}

#info-using-clao, #info-eligible  {
    background: transparent url("/public/20210415001223oe_/https://www.clao.org.uk/assets/images/info-element-bg.jpg") no-repeat top left;
    height: 26px;
    color: white;
    padding-left: 37px;
    padding-top: 6px;
    font-size: 12px;
}
#info-eligible {
    margin-top:20px;
}

#info-using-clao {
    margin-top:10px;
}


#info-using-clao  a, #info-eligible a  {
    color: white;
    font-size: 12px;
    text-decoration:none;
}

#phone-info , #email-info {
    height: 30px;
    color: white;
    padding-left: 37px;
    padding-top: 6px;
    font-size: 12px;
}

#phone-info {
    background: transparent url("/public/20210415001223oe_/https://www.clao.org.uk/assets/images/phone.png") no-repeat top left;
    margin-top:10px;
}

#email-info {
    background: transparent url("/public/20210415001223oe_/https://www.clao.org.uk/assets/images/mail.png") no-repeat top left;
    margin-top:0px;
}

#phone-info  a, #email-info a  {
    color: white;
    font-size: 12px;
    text-decoration:none;
}

.boxed {
  color: #1d1e1e;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
  padding:20px;
  margin: 1px 10px 20px 10px;
  background-color:#e8eaea;
  border: 1px solid;
  border-color:#9F9A9A;
  border-radius: 10px;
  width: 400px;
  float: left
}
.boxed ul li:not(:last-child) {
    margin-bottom: 2px;
}