.button-container {
	clear: left;
	/*text-align: center; jos */
}

.button-container p {
	margin-bottom: 0 !important;
}

span.button {
	background: url(/~siteDesign/site/~img/button-left.png) top left no-repeat;
	cursor: pointer;
	display: inline-block;
	position: relative;
	text-align: center;
}

span.button span {
	background: url(/~siteDesign/site/~img/button-right.png) top right no-repeat;
	display: inline-block;
	margin-left: 6px;
}

span.button span a {
	display: inline-block;
	font: 13px "Frutiger 65", Helvetica, Sans-Serif;
	padding: 3px 16px 10px 10px;
	text-decoration: none;
}

span.button:hover {
	background: url(/~siteDesign/site/~img/button-left-hover.png) top left no-repeat;
}

span.button:hover span {
	background: url(/~siteDesign/site/~img/button-right-hover.png) top right no-repeat;
}

span.button.narrow {
	width: 118px;
}

span.button.narrow span {
	width: 112px; /* 118 - 6 */
}

span.button.medium {
	width: 170px;
}

span.button.medium span {
	width: 164px; /* 170 - 6 */
}

span.button.wide {
	width: 200px;
}

span.button.wide span {
	width: 194px; /* 200 - 6 */
}

/* images within buttons */

span.button img {
	border: none !important;
	position: absolute;
		top: 5px;
}

span.button.left-image {
	text-align: right;
}

span.button.left-image span a {
	padding-left: 33px;
	padding-right: 17px;
}

span.button.left-image img {
	left: 13px;
}

span.button.right-image {
	text-align: left;
}

span.button.right-image span a {
	padding-left: 7px;
	padding-right: 41px;
}

span.button.right-image img {
	right: 17px;
}

span.button.no-text span a {
	padding-left: 15px;
	padding-right: 20px;
}

/* image-only buttons */

a.button-image img {
	border: none !important;
	float: none !important;
	margin: 0 !important;
}

/* large buttons */

.button-large, .button-largeNoHover {
	background-color: #f7f7f7;
	border: 2px solid #ffffff;
	height: 64px;
	margin-bottom: 9px;
	position: relative;
}

.button-large:hover {
	background: #ecebe9 url(/~siteDesign/site/~img/bg-textfield.png) repeat-x;
}

.button-large h3, .button-large h4, .button-largeNoHover h3, .button-largeNoHover h4 {
	font-size: 15px;
	font-weight: normal;
	padding: 8px 0 5px 20px;
}

.button-large p, .button-largeNoHover p {
	padding: 0 65px 0 20px;
}

.button-large a.button-image, .button-largeNoHover a.button-image {
	position: absolute;
		bottom: auto;
		right: 8px;
		top: 20px;
}

.button-large.left-image img, .button-largeNoHover.left-image img {
	border-right: 2px solid #ffffff;
	float: left;
}

.button-large.left-image h3, .button-large.left-image h4, .button-large.left-image p, .button-largeNoHover.left-image h3, .button-largeNoHover.left-image h4, .button-largeNoHover.left-image p {
	margin-left: 78px; /* 76 + border:2 */
}

.button-large.left-image span.button-image, .button-largeNoHover.left-image span.button-image {
	bottom: 5px;
	top: auto;
}