.btn-clyde {
    background: #eeeeee;
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    -webkit-box-shadow: 0px 1px 1px #666666;
    -moz-box-shadow: 0px 1px 1px #666666;
    box-shadow: 0px 1px 1px #666666;
    font-family: Arial;
    font-weight:500;
    color: #333;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: solid #aaaaaa 1px;
    display:inline-block;
}
.btn-clyde:hover {
    background: #e0e0e0;
    background-image: -webkit-linear-gradient(top, #e0e0e0, #bdbdbd);
    background-image: -moz-linear-gradient(top, #e0e0e0, #bdbdbd);
    background-image: -ms-linear-gradient(top, #e0e0e0, #bdbdbd);
    background-image: -o-linear-gradient(top, #e0e0e0, #bdbdbd);
    background-image: linear-gradient(to bottom, #e0e0e0, #bdbdbd);
    text-decoration: none;
    font-family: Arial;
    font-weight:500;
    color: #333;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
}


.btn-clyde-small {
    background: #eeeeee;
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    -webkit-box-shadow: 0px 1px 1px #666666;
    -moz-box-shadow: 0px 1px 1px #666666;
    box-shadow: 0px 1px 1px #666666;
    font-family: Arial;
    font-weight:500;
    color: #333;
    font-size: 12px;
    padding: 5px 10px;
    text-decoration: none;
    border: solid #aaaaaa 1px;
    display:inline-block;
    margin:0 auto 5px;
    min-width:150px;
}
.btn-clyde-small:hover {
    background: #e0e0e0;
    background-image: -webkit-linear-gradient(top, #e0e0e0, #bdbdbd);
    background-image: -moz-linear-gradient(top, #e0e0e0, #bdbdbd);
    background-image: -ms-linear-gradient(top, #e0e0e0, #bdbdbd);
    background-image: -o-linear-gradient(top, #e0e0e0, #bdbdbd);
    background-image: linear-gradient(to bottom, #e0e0e0, #bdbdbd);
    text-decoration: none;
    font-family: Arial;
    font-weight:500;
    color: #333;
    font-size: 12px;
    padding: 5px 10px;
}



.btn-clyde.block {
    display:block;
}


hr.clyde-line { 
  padding: 5px 0;
  border: none; 
  border-bottom:1px solid #ccc;
  color: #ccc; 
  text-align: center; 
  margin:15px 0;
}