.button {
	width: 120px;
	height: 66px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
.button a {
    display: block;
    text-decoration: none;
    font-weight: normal;
	color: navy;
	text-align: left;
	text-shadow: 3px 3px 8px black;
}
.button a:hover {
    color: blue;
}

.button.buy {
	background-image: url("../gfx/bt_buy.png");
}
.button.buy a {
	padding: 12px;
}

.button.dl {
	background-image: url("../gfx/bt_dl.png");
}
.button.dl a {
	padding: 9px;
}







.btn { margin: 5px; font-weight: bold; display: block; position: relative; padding: 5px; float: left; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../gfx/button_outline.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }


.btn.download {background: #ddd;} .btn.download:hover {background-color: #fff;} .btn.download:active {background-color: #aaa;}
.btn.buy {background: #dd0;} .btn.buy:hover {background-color: #ff2;} .btn.buy:active {background-color: #aa0;}
.btn {text-align: center; background: #ddd;} .btn:hover {background-color: #fff;} .btn:active {background-color: #aaa;}
.btn[class] {  color: black; background-image: url(../gfx/button_fill.png); background-position: bottom; }
.btn.small {width:60px;}
.btn.medium {width:120px;}
.btn.large {width:240px;}