/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
  #Site Styles
  #Page Styles
  #Media Queries
  #Font-Face */

/* #Site Styles
================================================== */

  

  
  /* Main Navigation 
  
  #main-nav{
    font:16px 'AllerBold', Arial, sans-serif;}
    
    #main-nav ul{
      margin:10px 0; padding:0;
      overflow:hidden;
      height:50px;
      overflow-x:hidden;
      overflow-y:hidden;
      }
      
    #main-nav li{
      float:left;
      text-align:center;
      margin:0; padding:0;
      }

    #main-nav li a
    {
        font-size:0.95em;
      background-color: #515151;
      color:#FFF;
      padding:15px 5px 17px 5px;
      margin:0 0 0 8px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; 
      display:block;
      border-bottom:0;
      font-weight:normal;
      -webkit-transition: background 0.3s linear ;
      -moz-transition: background 0.3s linear  ;
      -o-transition:  background 0.3s linear  ;
      transition:  background 0.3s linear ;
      }
      
    #main-nav.home li a
    {
      padding:15px 11px 17px 11px;
      margin:0 0 0 11px;
      }

      
      #main-nav li:first-child a{
        margin-left:0}
            
        
      #main-nav li a:hover, #main-nav li.active a{
        border-bottom:0;
        background-color: #de1e31;
      }*/

.ui-menu { 
    overflow: hidden;
  z-index:9999;
}
.ui-menu .ui-menu {
    overflow: visible !important;
}
.ui-menu > li { 
    float: left;
    display: block;
    width: auto !important;
}
.ui-menu ul li {
    display:block;
    float:none;
}
.ui-menu ul li ul {
    left:120px !important;
    width:100%;
}
.ui-menu ul li ul li {
    width:auto;
}
.ui-menu ul li ul li a {
    float:left;
}
.ui-menu > li {
    /*margin: 5px 5px !important;*/
    padding: 0 0 !important;
}
.ui-menu > li > a { 
    float: left;
    display: block;
    clear: both;
    overflow: hidden;
}
.ui-menu .ui-menu-icon { 
    margin-top: 0.3em !important;
}
.ui-menu .ui-menu .ui-menu li { 
    float: left;
    display: block;
}

#main-nav ul:not(.childnav-header) {
  background: url('//www.eveappeal.org.uk/Images/menu-tile.png') repeat-x;
  border: 0;
  height:48px;
  border-radius: 0px;
  
}

#main-nav ul{
  font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
  font-size:13px;
}

#main-nav ul li{
  list-style-image:none;
  
}


#main-nav ul li:hover:not(.childnav-item){
  list-style-image:none;
  background-color: #e74355;

}



#main-nav ul li a{
  padding: 0;
  margin: 10px 7px 0px 8px;
  color: #ffffff;
  height: 30px;
  font-weight: bold;
}

#main-nav ul li a span{
  display: none;
}


#main-nav ul li ul{
  border-radius: 0px;
  border: 0;
  background : #f38594;
}


#main-nav ul li ul li{
  border-radius: 0px;
 margin: 0;
  padding0;
  height: 30px;
}

#main-nav ul li ul li:hover{
 padding: 0 ;
  margin: 0;
  height: 30px;
}



#main-nav ul li ul li a{
  padding: 0 10px 0 10px;
  margin: 0;
  
  border-radius: 0px;
  height: 30px;
  width: 300px;
}

#main-nav ul li ul li a:hover{
  background-color: #e0192a;
  height: 30px;
  margin:0;
  width: 300px;
}




#main-nav ul li a.active{
border: 0;
background: none;

 border-radius: 0px; 
}

#main-nav ul li a.ui-state-focus, #main-nav ul li a.ui-state-active  {
border: 0;
background: none;
border-radius: 0px;
}








  
  /* Main Navigation 
  
  #main-nav{
    font:16px 'AllerBold', Arial, sans-serif;}
    
    #main-nav ul{
      margin:10px 0; padding:0;
      overflow:hidden;
      height:50px;
      overflow-x:hidden;
      overflow-y:hidden;
      }
      
    #main-nav li{
      float:left;
      text-align:center;
      margin:0; padding:0;
      }

    #main-nav li a
    {
        font-size:0.95em;
      background-color: #515151;
      color:#FFF;
      padding:15px 5px 17px 5px;
      margin:0 0 0 8px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; 
      display:block;
      border-bottom:0;
      font-weight:normal;
      -webkit-transition: background 0.3s linear ;
      -moz-transition: background 0.3s linear  ;
      -o-transition:  background 0.3s linear  ;
      transition:  background 0.3s linear ;
      }
      
    #main-nav.home li a
    {
      padding:15px 11px 17px 11px;
      margin:0 0 0 11px;
      }

      
      #main-nav li:first-child a{
        margin-left:0}
            
        
      #main-nav li a:hover, #main-nav li.active a{
        border-bottom:0;
        background-color: #de1e31;
      }*/
    
    
  header img.logoforfacebook {display:none;}
      
  #main-nav-mobile, #actions-mobile{display:none!important}
  
  
  #sub-nav {margin-right:20px}
  #sub-nav ul {padding:12px 0;}
  
  #sub-nav ul.lv1 li {font:italic 16px 'AllerBold', Arial, sans-serif; padding:0 0 15px 0!important; border-bottom:1px dotted #b2b2b2; font-weight:normal; }
  #sub-nav ul.lv1 li a {padding-left:15px; background: url(/images/arrow-link.png) no-repeat 0 11px; border:none;}
  #sub-nav ul.lv1 li a.active {color:#000; font-weight:normal; font-style:normal;}

  #sub-nav ul.lv1 li ul.lv2 {margin:0;}
  #sub-nav ul.lv1 li ul.lv2 li{font:italic 14px 'AllerRegular', Arial, sans-serif!important; border-bottom:0;  padding:0 0 5px 0!important;}
  #sub-nav ul.lv1 li ul.lv2 li a{background: none!important; color:#de1e31; font-weight:normal; font-style:italic; border:none; display:block;}
  #sub-nav ul.lv1 li ul.lv2 li a.active {font-style: normal; color:#000; font-weight:normal;}

  #sub-nav ul.lv1 li ul.lv2 li a.parent {font-weight:normal;}
    
  #sub-nav ul.lv1 li ul.lv2 li ul.lv3 {padding:10px 0px 0px 0px;}
    #sub-nav ul.lv1 li ul.lv2 li ul.lv3 li {padding-bottom:0px;}
    #sub-nav ul.lv1 li ul.lv2 li ul.lv3 li a {color:#de1e31; font-style:italic; display:block; font-weight:normal; border:none;}
    #sub-nav ul.lv1 li ul.lv2 li ul.lv3 li a.active {color:#000; font-style:normal;}
      
  #sub-nav ul.lv1 li a:hover, #sub-nav ul.lv1 li ul.lv2 li a:hover, #sub-nav ul.lv1 li ul.lv2 li ul.lv3 li a:hover   {
    color:#000;
      border:none;
  }
      
  #breadcrumbs ul {margin-bottom:5px;}
  #breadcrumbs li {
  float:left;
    padding:3px 10px 3px 15px;
    background: url(/images/arrow-link.png) no-repeat 0 9px;
    font-style:italic;
    margin-bottom:5px;}
  #breadcrumbs li a{
    }
    
    #breadcrumbs li.active a, #pagination li.active a{
      color:#000;
      font-style:normal}
      
  
  #pagination {
    margin:15px 0 0 0;
    font-style:italic}
    
    #pagination ul 
    {
        list-style:none;
    }
  
  #pagination ul li{
    float:left; 
    padding:0 8px}
    
  #pagination ul li a 
  {
      cursor:pointer;
  }
    
  .dd-menu {
    display:none;
  }
    
/* #Page Styles
================================================== */

  .bg-top{
    background: url(/images/bg-heart.png) no-repeat right 10px;}
    
  
  #home-intro{
    padding-bottom:20px;
    }
    

    
  /* Homepage - Slider */
  
  #home-slider{
    margin:48px 0 0 0;
    display:block;
    overflow:hidden;
   }
  
    #home-slider .slide {
    position:relative;
    width:638px; height:338px;
    }
    
      
    #home-slider .slide img{
      position:relative;
      width:100%; height:auto;
      vertical-align: bottom}
      
    
      #home-slider .slide .desc{
        position:absolute;
        bottom:0;
        z-index:100;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.7);
        height:34px; width:94%!important;
        padding:3%;
        }
        
        #home-slider .slide .desc div.previous{
        float:left; margin-right:20px}

        #home-slider .slide .desc div.next{
        float:right; margin-left:20px}
        
        #home-slider .slide .desc div.previous a, #home-slider .slide .desc div.next a{
        border-bottom:0}
        
  
  /* Homepage - Follow */          
    
  aside.follow a{
    float:left;
    display:block;
    width:30px; height:29px;
    padding:0 8px;
    margin-bottom:12px;
    border-left:1px dotted #000;
    text-indent:-9999px;
    border-bottom:0}
    
    
    aside.follow a:hover{border-bottom:0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
    
    aside.follow a#fol-twitter{background: url(/images/icon-twitter.png) no-repeat top;border-left:0}
    aside.follow a:hover#fol-twitter{background: url(/images/icon-twitter.png) no-repeat bottom}
    aside.follow a#fol-fb{background: url(/images/icon-fb.png) no-repeat top}
    aside.follow a:hover#fol-fb{background: url(/images/icon-fb.png) no-repeat bottom}  
    aside.follow a#fol-flickr{background: url(/images/icon-flickr.png) no-repeat top}
    aside.follow a:hover#fol-flickr{background: url(/images/icon-flickr.png) no-repeat bottom}  
    aside.follow a#fol-youtube{background: url(/images/icon-youtube.png) no-repeat top}
    aside.follow a:hover#fol-youtube{background: url(/images/icon-youtube.png) no-repeat bottom}  
  aside.follow a#fol-pinterest{background: url(/images/icon-pinterest.png) no-repeat top}
   aside.follow a:hover#fol-pinterest{background: url(/images/icon-pinterest.png) no-repeat bottom}
   aside.follow a#fol-instagram{background: url(/images/icon-instagram.png) no-repeat top}
   aside.follow a:hover#fol-instagram{background: url(/images/icon-instagram.png) no-repeat bottom} 
    

  
  
  /* Homepage - Features - Sign up */
  
    
  #home-features article {
    position:relative;
    height:auto;
    min-height:280px;
    margin-top:10px;
    display:block;
    padding-bottom:55px;
    }
    
    #home-features article#cancers {margin-right:40px;}
    #home-features article#get-involved {margin-right:40px;}
    #home-features article#events {margin-right:0px;}
    
  #home-features article img{
    margin-bottom:12px}
    
  #nl-signup article{
    padding-left:70px;
    background: url(/images/icon-newsletter.png) no-repeat;}    
  
      
  #news-links-zone{
    border-top:1px solid #dee0e2;
    padding:20px;
    background: url(/images/bg-footer.jpg)}
    
    #news-zone, #twitter-zone{
    position:relative;
    height:auto;
    min-height:250px;
    margin-top:0px;
    display:block;
    padding-bottom:65px;
    margin-right:40px;
    }

    #home-features article p.link-more, #news-links-zone p.link-more{
    position:absolute;
    bottom:0; width:95%;
    font-weight:bold; 
    border-top:1px dotted #b2b2b2;
    background-position:0 26px;
    padding-top:20px; margin-top:20px;
    }
    
    #home-features article img{
      width:100%}
     
    #news-links-zone p.link-more{
      height:41px;
      }
      
    #twitter-zone aside.follow {
    position:absolute;
    bottom:0; 
    width:100%;
    display:block;
    border-top:1px dotted #b2b2b2;
    padding-top:20px; margin-top:20px;
    }
    
  
  /* Internal Pages */
  
  .sign-mobile{display:none}
  
  aside#nl-signup{
    margin-right:20px
    }
    
  aside#nl-signup article{
    padding-left:0}
  
  #main-content{
    padding:10px 0 30px 0;
    display:block;
    }  
    
    
    #main-content article.entry{
      border-bottom:1px dotted #b2b2b2;
      padding:24px 0 0px 0}
    
    
    #main-content article.entry figure img{
      width:128px;
      }  
      
    #main-content article.entry figure a img{
      padding:6px;
      background-color:#b0b8bc;
      border-bottom:0!important;
      display:block;
      margin-bottom:24px;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
      }
      
        #main-content article.entry figure a:hover img{
          background-color:#de1e31;
        border-bottom:0!important;
        }
    
    #main-content article.bottom-line{
      border-bottom:1px dotted #b2b2b2;
      margin-bottom:20px
      }  
    #main-content article.full-article figure img{
      padding:14px 0}
      
      
  /* Gallery */
  
  #gallery{
    padding:20px 0;
        list-style: none;
        margin-left: 0px;
    }
    
  #gallery li{
      float:left;
      margin:0 20px 20px 0
      }  
      
  #gallery li.last{margin-right:0}

      
    #gallery li a img{
      padding:6px;
      background-color:#b0b8bc;
      border-bottom:0!important;
      display:block;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
      }
      
      #gallery li a:hover img{
        background-color:#de1e31;
        border-bottom:0!important;
      }
    div#contour h4.contourPageName {margin-bottom:20px;}
    div#contour div.contourField {position:relative;}
    div#contour div.contourField label {display:block; width:30%; padding-right:2%; float:left; margin-bottom:10px;}
    div#contour div.contourField div {display:block; width:60%; float:left; margin-bottom:10px;}
    div#contour div.contourField div input[type="text"] {display:block; margin-left:10%; width:80%;}
    div#contour div.contourField div textarea {display:block; margin-left:10%; width:80%;}
    div#contour div.contourField div select {display:block; margin-left:10%; width:80%;}
    div#contour div.contourField span.contourError {color:#DE1E31; display:block; position:absolute; bottom:5px; right:30px;}
    div#contour div.contourNavigation input[type="submit"]{
       border:0;
       width:auto;
       border-bottom: 1px dotted #FFF; 
       padding:2px 0 0 10px;
    background:transparent url(/images/arrow-link.png) no-repeat 0 7px;
    font: italic bold 100% Georgia;
    color:#de1e31;
    text-transform:lowercase;
    -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    
    }
  
  div#contour div.contourNavigation input[type="submit"]:hover{
      color: #384247; 
    border-bottom: 1px dotted #384247;
  }

  /* Footer */  
  
  #footer-pic .top-border{
    position:relative;
    background: url(/images/bg-footerbar.jpg) repeat-x;
    height:7px; width:100%;
    z-index: 100;
    margin-top:-5px;}
    
  #footer-pic .contents{
    padding:20px 0 9px 0;
    background:#e7e7e7 url(/images/bar-dashed.png) repeat-x bottom;
    }
    
    #footer-pic .contents img{
      max-width:100%;
      margin:0 auto;
      display:block;
      }
    
  #footer-contact{
    background-color: #cb5a64;
    padding:14px 0;
    color:#FFF;
    font-size:130%}
    
    #footer-contact strong, #footer-contact a{
      margin-left:20px;
      font-weight:bold;
      color:#FFF;
      border-bottom:1px dotted  #cb5a64; }
      
      #footer-contact a:hover{
        border-bottom:1px dotted #fff;}
  
  #footer-legal{
    background-color: #720000;
    padding:16px 0 0 0 ;
    color:#FFF;
  }
    

/* #Media Queries
================================================== */

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
  
    
      
      
      
      }




  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
  
  .container {
    background:none;
    }

  #main-nav-mobile{
    font-family:Arial;
    display:block!important;
    margin:30px 0 15px 0;
    width:100%
      }
    #main-nav-mobile select{
      width:350px;
      height:40px;
      padding:8px 12px;
      font-size:110%}
    
  #main-nav, #sub-nav{
    display:none}
  
  
  #home-slider #slider{width:100%; height:auto;}
  #home-slider #slider ul li {width:506px; height:268px;} 
  #home-slider #slider ul li.imagePanel .imageContainer img {max-width:100%;}
  #home-slider .controlsContainer #prevBtn {left:15px;}
  #home-slider .controlsContainer #nextBtn {right:15px;}

  h1 { font-size: 36px; line-height: 40px; margin:0 0 20px 0; padding:0; }
  #page head h1 {  width:195px; height:213px; margin-top:-50px;}
  #page-head h1 a{background: url(/images/logo-eveappeal-tablet.png) no-repeat; width:195px; height:213px;}
  h2 { font-size: 28px; line-height: 36px; margin-bottom: 10px; color: #000; }
  h3 { font-size: 23px; line-height: 30px; margin-bottom: 8px; }
  
  hr.aside{
    width:90%;}

  aside#nl-signup article h3{
    font-size: 22px;
    padding:0px 0 15px 65px}
    
    
    #news-links-zone{
    padding:20px 0!important;
    }
  #home-intro p, #nl-signup article p{
   font-size:110%}
   
  .bg-top aside.follow{display:none}
  
  p.button-donate {
     margin:27px 0 0 0;
     }
  #home-features article#cancers {margin-right:0px;}
  #home-features article#get-involved {margin-right:0px;}
  #home-features article#events {margin-right:0px;}

  #home-features article#cancers{
    float:none;
    width: 100%;
    min-height:1px;
    margin:0 0 20px 0;
    }
    
    #home-features article#cancers p.link-more{
    position:static}
  
  #home-features article#cancers img{
    display:none}
    
  #home-features article {
    min-height:333px;
    padding-bottom:10px
    }
    
  #home-features article p.link-more, #news-links-zone p.link-more{
    padding-top:20px; margin-top:5px;
    }
  
  #home-features article#get-involved, #home-features article#events{
     width: 48%;}
     
  #home-features article#get-involved{
     margin-left:0}
    
  ul.cols-2 li{
    float:left;
    width:30%
    }
    
  #main-content article.entry figure img{
      width:90%;
      }  
  
  #main-content article.full-article figure img{
      padding:14px 0;
      width:100%}
  
  #gallery li {margin:0px 14px 14px 0px;}
  #gallery li.last {margin:0px 14px 14px 0px;}
      
  #twitter-zone, #news-zone, #links-zone{
    width:31.5%;
  }
  #twitter-zone, #news-zone  
  {
      margin-right:10px;
  }
  
  #twitter-zone aside.follow {
    position:static;
    display:block;
    border-top:1px dotted #b2b2b2;
    padding-top:10px; margin-top:10px;
    }
    
  #twitter-zone aside.follow h5{
    float:none;
    padding-bottom:10px}
  
  #twitter-zone aside.follow a#fol-twitter{
    padding-left:0}
  
  #footer-contact div.five, #footer-contact div.eleven{
  width:48%}

    #footer-legal ul li{
      border-left:0;
      border-right:1px dotted #FFF;
      padding:0px 0px; margin-top:10px;}
    #footer-legal ul li:first-child{
      border-right:0;
      padding-left:0px;
      float:none;
      
    }
    
    #footer-legal ul li:last-child{
      border-right:0}
  #footer-legal {
    padding:10px 0;}

  #footer-legal ul li.copymessage {width:100%;}  
  #footer-legal a.infostandard { width:100px; height:70px; margin-bottom:10px; margin-left:0px; margin-top:10px;}
  #footer-legal a.frsb { width:141px; height:70px; margin-bottom:10px; margin-left:20px; margin-top:10px;}
  
  


  }
  
  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
  
  .container {
    background:none;
    }
    
    #actions-desktop{display:none}
    #actions-mobile{display:block!important}
    
    #main-nav-mobile{
    font-family:Arial;
    display:block!important;
    margin:30px 0 15px 0;
    position:relative;
    z-index:999;
    }
    
    .offset-by-five{
      padding-left:75px!important
       
       }
    #main-nav-mobile select{
      width:220px;
      height:40px;
      padding:8px 12px;
      font-size:110%}

  
  .sign-mobile{display:block!important;}
  
  #main-nav, #sub-nav, #breadcrumbs{
    display:none}
    
  #page-head h1 { width:244px; height:267px;  margin-top:-30px}
  #page-head h1 a { background: url(/images/logo-eveappeal.png) no-repeat;   width:244px; height:267px;}

  h1 { font-size: 30px; line-height: 35px; margin:0 0 20px 0; padding:0; }
  h2 { font-size: 28px; line-height: 36px; margin-bottom: 10px; color: #000; }
  h3 { font-size: 23px; line-height: 30px; margin-bottom: 8px; }
  
  
    hr.aside{display:none}
    
    aside#nl-signup{display:none}
  
  #home-slider {margin-bottom:10px}
  #home-slider #slider{width:100%; height:auto;}
  #home-slider #slider ul li {width:418px; height:221px;} 
  #home-slider #slider ul li.imagePanel .imageContainer img {max-width:100%;}
    #home-slider #slider ul li div.textOverlay p, #slider ul li div.textOverlay h3 {font-size:85%; line-height:110%; font-weight:normal}
  #home-slider .controlsContainer #prevBtn {left:10px; width:20px; top:-60px;}
  #home-slider .controlsContainer #nextBtn {right:10px; width:20px; top:-60px;}
    
  p.button-donate {
     float:right;
     margin:-15px 0 10px 0;
      }
  
  #searchform {
    display: block;
    float: left;
    margin: 15px 0 0 0;
    width: 95%;
    position: relative;
  }
  
  #home-intro p, #nl-signup article p{
   font-size:110%}
   

  #home-slider .slide{
      width:100%; 
      height:auto;
    
      }
  
  #home-features article {
    min-height:1px;
    padding-bottom:10px
    }
    
  #home-features article p.link-more, #news-links-zone p.link-more{
    position:static;
    padding-top:20px; margin-top:10px;
    }
    
  #home-features article#cancers img{
    display:none}
    
  #main-content{
    padding:12px 0 40px 0;
    display:block;
    }  
    
    
    #main-content article.entry{
      border-bottom:1px dotted #b2b2b2;
      padding:12px 0 0px 0}
    
  #main-content article.entry figure {
      display:none
      }  
  
  #main-content article.full-article figure img{
      padding:14px 0;
      width:100%}
      
  #gallery li {margin:0px 14px 14px 0px;}
  #gallery li.last {margin:0px 14px 14px 0px;}


  #footer-pic {display:none}
  

  
  #news-zone, #twitter-zone{
    min-height:1px;
    padding-bottom:10px
    }

    #home-features article p.link-more, #news-links-zone p.link-more{
    position:static;
    margin-top:10px;
    }
    
  #twitter-zone aside.follow {
    position:static;
    display:block;
    border-top:1px dotted #b2b2b2;
    padding:10px 0 20px 0; 
    margin-top:20px;
    }
    
    #footer-contact {
    line-height:150%;
    font-size:110%}
    
    #footer-contact strong, #footer-contact a{
      margin-left:10px;
}
    #footer-legal {
    padding:15px 0}
    
    
    #footer-legal ul li{
      border-left:0;
      border-right:1px dotted #FFF;
      padding:0px 0px}
    #footer-legal ul li:first-child{
      border-right:0;
      padding-left:0px;
      float:none;
          
    }
    
    #footer-legal ul li.copymessage {width:100%;}  
      #footer-legal a.infostandard { width:100px; height:70px; margin-bottom:10px; margin-left:0px; margin-top:0px;}
      #footer-legal a.frsb { width:141px; height:70px; margin-bottom:10px; margin-left:20px; margin-top:0px;}

    
  
    #footer-legal ul li:last-child{
      border-right:0}
    
    #signupform input {
    width:95%;
    }

    
    #pagination .three.columns{
      float:left;
      width:20%}
    
    #pagination .five.columns{
      float:left;
      width:60%}
    

  
  }
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
    background:none;
    
    }
  #news-links-zone{
    padding:20px 0!important;
    }

    
    #main-nav-mobile{
    font-family:Arial;
    display:block!important;
    margin:30px 0 15px 0;
    width:100%;
    position:relative;
    z-index:999;
    }
    
    .offset-by-five{
      padding-left:75px!important
       
       }
    
    #main-nav-mobile select{
      width:320px;
      height:40px;
      padding:8px 12px;
      font-size:110%}
  
  .sign-mobile{display:block!important;}
  
  #main-nav, #sub-nav, #breadcrumbs{
    display:none}
    
  #page-head h1 { width:195px; height:213px; margin-top:-30px}
  #page-head h1 a { background: url(/images/logo-eveappeal-tablet.png) no-repeat; width:195px; height:213px; }

  h1 { font-size: 30px; line-height: 35px; margin:0 0 20px 0; padding:0; }
  h2 { font-size: 28px; line-height: 36px; margin-bottom: 10px; color: #000; }
  h3 { font-size: 23px; line-height: 30px; margin-bottom: 8px; }
  
  
    hr.aside{display:none}
    
    aside#nl-signup{display:none}
  
    #home-slider #slider ul li div.textOverlay p, #slider ul li div.textOverlay h3 {font-size:85%; line-height:110%; font-weight:normal}

  p.button-donate {
     float:right;
     margin:-90px 0 10px 0;
      }
  
  #searchform {
    display: block;
    float: left;
    margin: 15px 0 0 0;
    width: 98%;
    position: relative;
  }
  
  #home-intro p, #nl-signup article p{
   font-size:110%}
   
  #home-features article {
    min-height:1px;
    padding-bottom:10px
    }
    
  #home-features article p.link-more, #news-links-zone p.link-more{
    position:static;
    padding-top:20px; margin-top:10px;
    }
    
  #home-features article#cancers img{
    display:none}
    
  #main-content{
    padding:12px 0 40px 0;
    display:block;
    }  
    
    
    #main-content article.entry{
      border-bottom:1px dotted #b2b2b2;
      padding:12px 0 0px 0}
    
  #main-content article.entry figure {
      display:none
      }  
  
  #main-content article.full-article figure img{
      padding:14px 0;
      width:100%}
      
  #gallery li {margin:0px 18px 18px 0px;}
  #gallery li.last {margin:0px 18px 18px 0px;}

  #footer-pic {display:none}
  

  
  #news-zone, #twitter-zone{
    min-height:1px;
    padding-bottom:10px
    }

    #home-features article p.link-more, #news-links-zone p.link-more{
    position:static;
    margin-top:10px;
    }
    
  #twitter-zone aside.follow {
    position:static;
    display:block;
    border-top:1px dotted #b2b2b2;
    padding:10px 0 20px 0; 
    margin-top:20px;
    }
    
    #footer-contact {
    line-height:150%;
    font-size:110%}
    
    #footer-contact strong, #footer-contact a{
      margin-left:10px;
    }
    #footer-legal {
    padding:15px 0}
    
    
    #footer-legal ul li{
      border-left:0;
      border-right:1px dotted #FFF;
      padding:0px 0px}
    
    #footer-legal ul li:first-child{
      border-right:0;
      padding-left:0px;
      float:none;
      }
    
    #footer-legal ul li:last-child{
      border-right:0}
      
    #footer-legal ul li.copymessage {width:100%;}  
      #footer-legal a.infostandard { width:100px; height:70px; margin-bottom:10px; margin-left:0px; margin-top:0px;}
      #footer-legal a.frsb { width:141px; height:70px; margin-bottom:10px; margin-left:20px; margin-top:0px;}

    
    #signupform input {
    width:95%;
    }
    
        
    #pagination .three.columns{
      float:left;
      width:20%}
    
    #pagination .five.columns{
      float:left;
      width:60%}
  
  }
  
  
  
  
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
      #home-slider #slider{width:100%; height:auto;}
      #home-slider #slider ul li {width:298px; height:157px;} 
      #home-slider #slider ul li.imagePanel .imageContainer img {max-width:100%;}
      #home-slider .controlsContainer #prevBtn {left:10px; width:15px; top:-50px;}
      #home-slider .controlsContainer #nextBtn {right:10px; width:15px; top:-50px;}
      
      #gallery li {margin:0px 13px 13px 0px;}
      #gallery li.last {margin:0px 13px 13px 0px;}

  }


/* #Font-Face
================================================== */
/*   This is the proper syntax for an @font-face file
    Just create a "fonts" folder at the root,
    copy your FontName into code below and remove
    comment brackets */

@font-face {
    font-family: 'AllerRegular';
    src: url('/css/fonts/aller_rg-webfont.eot');
    src: url('/css/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/aller_rg-webfont.woff') format('woff'),
         url('/css/fonts/aller_rg-webfont.ttf') format('truetype'),
         url('/css/fonts/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerBold';
    src: url('/css/fonts/aller_bd-webfont.eot');
    src: url('/css/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/aller_bd-webfont.woff') format('woff'),
         url('/css/fonts/aller_bd-webfont.ttf') format('truetype'),
         url('/css/fonts/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* #RD Footer Boxes
================================================== */

    .rd-footerbox {
        float: left;
        width: 250px;
        height: 360px;
        
        background-color: #fce9ee;
        padding: 25px;
        margin-top:10px;
        margin-bottom:50px;
  
    }

    .rd-footerbox h3 {
        border-bottom: 1px;
        border-style: dotted;
        height: 50px;
        font-style:italic;
        margin-bottom: 20px;

    }


    .rd-footerbox p {
        float:none;
    }

    #rd-footerbox-giftaid {

        margin-right:20px;

    }

    #rd-footerbox-frsb {

        margin-left:20px;
    }




#justgiving iframe {
  width:800px;
  height:500px;
}


.ui-dialog-titlebar-close{
    display: none;
}


/*.BBFormContainer .BBFormTextbox, .BBFormContainer .BBFormSelectList, .BBFormContainer .BBFormTextArea{ 

border-radius:0px!important; 

} 

.BBFormContainer .BBFormFieldLabel { 

text-align: left!important; 

}*/


#bboxdonation_billing_txtFirstName, #bboxdonation_billing_billingAddress_ddUKCounty, #bboxdonation_payment_cboYear{
  margin-left: 160px;
  margin-top: 10px;
}




.BBFormContainer[data-bbox-part-id="ab721ba1-6519-499b-aba0-d83a9024aeff"] .BBFormSectionHeading {
display:none !important;
}


.BBFormContainer[data-bbox-part-id="ab721ba1-6519-499b-aba0-d83a9024aeff"] .BBFormSubSectionHeading {
  
  display:none !important;
}


.BBFormContainer[data-bbox-part-id="ab721ba1-6519-499b-aba0-d83a9024aeff"] .BBFormSubmitbutton{
  color: #fff !important;
  font-size: 15px !important;
}



































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */