a.btnRed, a.btnGrey {
	background: transparent url(../images/buttons/bgRightRed.gif) scroll top right;
	float: left;
	display: block;
	height: 30px;
	margin-right: 6px;
	padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
	outline: none;
}

a.btnRed span, a.btnGrey span {
	color: #ffffff;
	text-shadow: 0 -1px 0 #333333;
	font-weight: bold;
	background: transparent url(../images/buttons/bgLeftRed.gif) no-repeat;
	display: block;
	line-height: 20px;
	padding: 5px 0 5px 15px;
}

a.btnRed:active, a.btnGrey:active {
	background: transparent url(../images/buttons/bgRightRed.gif) right bottom;
	outline: none; /* hide dotted outline in Firefox */
}

a.btnRed:active span, a.btnGrey:active span {
	color: #cccccc;
	background: transparent url(../images/buttons/bgLeftRed.gif) left bottom;
	padding: 6px 0 4px 15px; /* push text down 1px */
	outline: none;
}

a.btnGrey {
	background: transparent url(../images/buttons/bgRightGrey.gif) scroll top right;
}

a.btnGrey span {
	background: transparent url(../images/buttons/bgLeftGrey.gif) no-repeat;
}

a.btnGrey:active {
	background: transparent url(../images/buttons/bgRightGrey.gif) right bottom;
}

a.btnGrey:active span {
	background: transparent url(../images/buttons/bgLeftGrey.gif) left bottom;
}

.btn100Red, .btn100Grey {
	width: 100px;
	height: 30px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-shadow: 0 -1px 0 #336600;
	font-weight: bold;
	text-align: center;
	padding: 0 0 2px 0;
	cursor: pointer;
	outline: none;
	background: url(../images/buttons/bg100Red.gif);
}

.btn100Red:focus {
	background: url(../images/buttons/bg100Red.gif);
	border: 0;
}

.btn100Red:active {
	background: url(../images/buttons/bg100Red.gif);
	border: 0;
}

.btn100Red:hover {
	color: #cccccc;
	background: url(../images/buttons/bg100Red.gif);
	border: 0;
}

.btn100Grey {
	background: url(../images/buttons/bg100Grey.gif);
}

.btn100Grey:focus {
	background: url(../images/buttons/bg100Grey.gif);
	border: 0;
}

.btn100Grey:active {
	background: url(../images/buttons/bg100Grey.gif);
	border: 0;
}

.btn100Grey:hover {
	color: #cccccc;
	background: url(../images/buttons/bg100Grey.gif);
	border: 0;
}

.btn150Red, .btn150Grey {
	width: 150px;
	height: 30px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-shadow: 0 -1px 0 #336600;
	font-weight: bold;
	text-align: center;
	padding: 0 0 2px 0;
	cursor: pointer;
	outline: none;
	background: url(../images/buttons/bg150Red.gif);
}

.btn150Red:focus {
	background: url(../images/buttons/bg150Red.gif);
	border: 0;
}

.btn150Red:active {
	background: url(../images/buttons/bg150Red.gif);
	border: 0;
}

.btn150Red:hover {
	color: #cccccc;
	background: url(../images/buttons/bg150Red.gif);
	border: 0;
}

.btn150Grey {
	background: url(../images/buttons/bg150Grey.gif);
}

.btn150Grey:focus {
	background: url(../images/buttons/bg150Grey.gif);
	border: 0;
}

.btn150Grey:active {
	background: url(../images/buttons/bg150Grey.gif);
	border: 0;
}

.btn150Grey:hover {
	color: #cccccc;
	background: url(../images/buttons/bg150Grey.gif);
	border: 0;
}
