.button {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none!important;
	font-family: "Interstate Black"!important;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0 0 2px #fff;
	-o-box-shadow: inset 0 0 2px #fff;
	-webkit-box-shadow: inset 0 0 2px #fff;
	-moz-box-shadow: inset 0 0 2px #fff;
	clear: both;
	padding: 8px 12px!important;
	text-align: center;
}
.button:active {
	box-shadow: inset 0 0 3px #999;
	-o-box-shadow: inset 0 0 3px #999;
	-webkit-box-shadow: inset 0 0 3px #999;
	-moz-box-shadow: inset 0 0 3px #999
}
.colgateyellow {
	color: #e7810b;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #F3F3F3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F3F3), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#ededed, #F3F3F3);
	background-image: -o-linear-gradient(#ededed, #F3F3F3);
	text-shadow: 1px 1px 1px #fff;
	background-color: #F3F3F3
}
.colgateyellow:hover {
	color: #862633;
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed
}
.colgatemaroon {
  border:1px solid #862633;
  background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#862633),to(#a02d3c));
  background-image: -webkit-linear-gradient(#862633,#a02d3c);
  color:#fff!important;
  background-color: #862633;
}

.colgatemaroon:hover {
  border:1px solid #6e7272;
  background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#58595b),to(#6e7272));
  background-image: -webkit-linear-gradient(#58595b,#6e7272);
  background-image: linear-gradient(#58595b, #6e7272);
  background-color: #58595b!important;
  color:#fff!important;
}
.button:focus {
    outline: 1px dotted #006d80;
}