Shape 5

I seem to have an arrow on my buttons, how do I get rid of these.
See newsletter button and search button
http://176.32.230.249/pets4uk.co.uk/

hello amiman,

.btn, .button, button, .readon, p.readmore a, a.k2ReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
added !important; if you encounter problem to override

your code actual is:

.btn, .button, button, .readon, p.readmore a, a.k2ReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton {
  background: rgba(0, 0, 0, 0) url("../images/button_arrow.png") no-repeat scroll right center !important; /*==>this is your problem:button_arrow.png*/
  border: medium none;
  box-shadow: none;
  color: #ffffff !important;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 13px 40px 13px 30px;
  text-decoration: none;
}

voila

That got rid of the arrow
Thanks

Just noticed your input boxes on the login form need the following for the text to show. Just add to the bottom of your template.css file:

#login-form .input-prepend input {
    font-size: 14px !important;
}