/*

	-- -- -- -- -- -- --
	buttons.css
	-- -- -- -- -- -- --
	
*/


																		/* -- Base HTML -- */



																		/* -- core button style -- */
.button-group {
	width: 100%;
	overflow: hidden;
	clear: both;
	margin: 40px 0;
}
.button-wrapper {
	width: auto;
	display: block;
	float: left;
	border: 0;
	padding: 0;
	margin: 0 10px 0 0;
}
.button-wrapper div { background-position: center 0; width: 100%; }
.button-wrapper button {
	width: 100%;
}
.button-wrapper button, .button-wrapper a, .button-wrapper a:visited { font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height: 43px; cursor: pointer; padding: 0 15px; border: none; display: block; float: left; }
.button-wrapper img {
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin: 0 2px;
}


																		/* -- image variations -- */


																		/* Style 2 */
.style2 {
	background: #d3d3d3 url(button-bg-style2.gif) repeat-x;
}
.style2:hover {
	background-position: 0 -48px;
}
.style2 div {
	background: url(button-right-style2.gif) no-repeat 100% 0;
}
.style2:hover div {
	background-position: 100% -48px;
}
.style2 button, .style2 a, .style2 a:visited { color: #333; font-weight: bold; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; background: url(button-left-style2.gif) no-repeat; }
.style2:hover button, .style2:hover a, .style2:hover a:visited {
	color: #000;
	background-position: 0 -48px;
	text-shadow: #bbb 1px 1px 3px;
}
.style2, .style2 div, .style2 button, .style2 a, .style2 a:visited {
	height: 47px;
	line-height: 47px;
}