a.css3dbutton_manuf {
	background: #9FC4FB; /* background color of button */
	color: black !important;
	text-decoration: none;
	width: 170px;
	font: bold 12px Arial; /* font size and style */
	position: relative;
	top: 0; /* anchor main button's position */
	bottom: 0px; /* Depth of 3D effect. :after pseudo element inherits this value so it's animated in Chrome. See: kizu.ru/en/pseudos */
	margin-bottom: 12px;
	-moz-box-shadow: 0 -3px 5px #0D2B8E inset;
	-webkit-box-shadow: 0 -3px 5px #0D2B8E inset;
	box-shadow: 0 -3px 5px #0D2B8E inset;
	-moz-transition: all 0.001ms ease-in-out;
	-o-transition: all 0.001ms ease-in-out;
	-webkit-transition: all 0.001ms ease-in-out;
	transition: all 0.001ms ease-in-out;
}

a.css3dbutton_manuf, a.css3dbutton_manuf:after {
	display: inline-block;
	padding: 3px 15px; /* vertical and horizontal padding of button */
	-moz-border-radius: 4px/4px;
	-webkit-border-radius: 4px/4px;
	border-radius: 4px/4px;
	outline: none;
}

a.css3dbutton_manuf:after { /* pseudo element to construct 3D side of button */
	content: "";
	position: absolute;
	padding: 0;
	z-index: -1;
	bottom: inherit; /* Inherit main button bottom value to animate it. See: kizu.ru/en/pseudos */
	left: 0;
	width: 100%;
	height: 100%;
	background: #3E66F9; /* background color of 3D effect */
	-moz-box-shadow: 1px 0 3px gray;
	-webkit-box-shadow: 1px 0 3px gray;
	box-shadow: 1px 0 3px gray;
}

a.css3dbutton_manuf:hover {
	-moz-box-shadow: 0 4px 3px rgba(82, 64, 161, 0.7) inset;
	-webkit-box-shadow: 0 4px 3px rgba(82, 64, 161, 0.7) inset;
	box-shadow: 0 4px 3px rgba(82, 64, 161, 0.7) inset;
	background: #D5DFF6; /* background color when mouse rolls over button */
}

a.css3dbutton_manuf:active {
	top: 0px; /* shift button down 12px when depressed. Change 12px to match button's "bottom" property above */
	bottom: 0;
	-moz-box-shadow: 0 -3px 5px darkblue inset, 1px 1px 2px #eee;
	-webkit-box-shadow: 0 -3px 5px darkblue inset, 1px 1px 2px #eee;
	box-shadow: 0 -3px 5px darkblue inset, 1px 1px 2px #eee;
}

a.css3dbutton_all {
	background: #37E8E6; /* background color of button */
	color: black !important;
	text-decoration: none;
	width: 170px;
	font: bold 12px Arial; /* font size and style */
	position: relative;
	top: 0; /* anchor main button's position */
	bottom: 0px; /* Depth of 3D effect. :after pseudo element inherits this value so it's animated in Chrome. See: kizu.ru/en/pseudos */
	margin-bottom: 12px;
	-moz-box-shadow: 0 -3px 5px #145057 inset;
	-webkit-box-shadow: 0 -3px 5px #145057 inset;
	box-shadow: 0 -3px 5px #145057 inset;
	-moz-transition: all 0.001ms ease-in-out;
	-o-transition: all 0.001ms ease-in-out;
	-webkit-transition: all 0.001ms ease-in-out;
	transition: all 0.001ms ease-in-out;
}

a.css3dbutton_all, a.css3dbutton_all:after {
	display: inline-block;
	padding: 3px 15px; /* vertical and horizontal padding of button */
	-moz-border-radius: 4px/4px;
	-webkit-border-radius: 4px/4px;
	border-radius: 4px/4px;
	outline: none;
}

a.css3dbutton_all:after { /* pseudo element to construct 3D side of button */
	content: "";
	position: absolute;
	padding: 0;
	z-index: -1;
	bottom: inherit; /* Inherit main button bottom value to animate it. */
	left: 0;
	width: 100%;
	height: 100%;
	background: #1F8B8A; /* background color of 3D effect */
	-moz-box-shadow: 1px 0 3px gray;
	-webkit-box-shadow: 1px 0 3px gray;
	box-shadow: 1px 0 3px gray;
}

a.css3dbutton_all:hover {
	-moz-box-shadow: 0 4px 3px #127C88 inset;
	-webkit-box-shadow: 0 4px 3px #127C88 inset;
	box-shadow: 0 4px 3px #127C88 inset;
	background: #37E8E6; /* background color when mouse rolls over button */
}

a.css3dbutton_all:active {
	top: 0px; /* shift button down 12px when depressed. Change 12px to match button's "bottom" property above */
	bottom: 0;
	-moz-box-shadow: 0 -3px 5px #117985 inset, 1px 1px 2px #eee;
	-webkit-box-shadow: 0 -3px 5px #117985 inset, 1px 1px 2px #eee;
	box-shadow: 0 -3px 5px #117985 inset, 1px 1px 2px #eee;
}

a.css3dbutton_bam {
	background: #FD8181; /* background color of button */
	color: black !important;
	width: 170px;
	text-decoration: none;
	font: bold 12px Arial; /* font size and style */
	position: relative;
	top: 0; /* anchor main button's position */
	bottom: 0px; /* Depth of 3D effect. :after pseudo element inherits this value so it's animated in Chrome. See: kizu.ru/en/pseudos */
	margin-bottom: 12px;
	-moz-box-shadow: 0 -3px 5px darkred inset;
	-webkit-box-shadow: 0 -3px 5px darkred inset;
	box-shadow: 0 -3px 5px darkred inset;
	-moz-transition: all 0.001ms ease-in-out;
	-o-transition: all 0.001ms ease-in-out;
	-webkit-transition: all 0.001ms ease-in-out;
	transition: all 0.001ms ease-in-out;
}

a.css3dbutton_bam, a.css3dbutton_bam:after {
	display: inline-block;
	padding: 3px 15px; /* vertical and horizontal padding of button */
	-moz-border-radius: 4px/4px;
	-webkit-border-radius: 4px/4px;
	border-radius: 4px/4px;
	outline: none;
}

a.css3dbutton_bam:after { /* pseudo element to construct 3D side of button */
	content: "";
	position: absolute;
	padding: 0;
	z-index: -1;
	bottom: inherit; /* Inherit main button bottom value to animate it. See: kizu.ru/en/pseudos */
	left: 0;
	width: 100%;
	height: 100%;
	background: #FEB9B9; /* background color of 3D effect */
	-moz-box-shadow: 1px 0 3px gray;
	-webkit-box-shadow: 1px 0 3px gray;
	box-shadow: 1px 0 3px gray;
}

a.css3dbutton_bam:hover {
	-moz-box-shadow: 0 4px 3px rgba(182, 64, 61, 0.7) inset;
	-webkit-box-shadow: 0 4px 3px rgba(182, 64, 61, 0.7) inset;
	box-shadow: 0 4px 3px rgba(182, 64, 61, 0.7) inset;
	background: #F1DADA; /* background color when mouse rolls over button */
}

a.css3dbutton_bam:active {
	top: 0px; /* shift button down 12px when depressed. Change 12px to match button's "bottom" property above */
	bottom: 0;
	-moz-box-shadow: 0 -3px 5px darkred inset, 1px 1px 2px #eee;
	-webkit-box-shadow: 0 -3px 5px darkred inset, 1px 1px 2px #eee;
	box-shadow: 0 -3px 5px darkred inset, 1px 1px 2px #eee;
}


a.css3dbutton_why {
	background: lightgreen; /* background color of button */
	color: black !important;
	width: 170px;
	text-decoration: none;
	font: bold 12px Arial; /* font size and style */
	position: relative;
	top: 0; /* anchor main button's position */
	bottom: 0px; /* Depth of 3D effect. :after pseudo element inherits this value so it's animated in Chrome. See: kizu.ru/en/pseudos */
	margin-bottom: 12px;
	-moz-box-shadow: 0 -3px 5px darkgreen inset;
	-webkit-box-shadow: 0 -3px 5px darkgreen inset;
	box-shadow: 0 -3px 5px darkgreen inset;
	-moz-transition: all 0.001ms ease-in-out;
	-o-transition: all 0.001ms ease-in-out;
	-webkit-transition: all 0.001ms ease-in-out;
	transition: all 0.001ms ease-in-out;
}

a.css3dbutton_why, a.css3dbutton_why:after {
	display: inline-block;
	padding: 3px 15px; /* vertical and horizontal padding of button */
	-moz-border-radius: 4px/4px;
	-webkit-border-radius: 4px/4px;
	border-radius: 4px/4px;
	outline: none;
}

a.css3dbutton_why:after { /* pseudo element to construct 3D side of button */
	content: "";
	position: absolute;
	padding: 0;
	z-index: -1;
	bottom: inherit; /* Inherit main button bottom value to animate it. See: kizu.ru/en/pseudos */
	left: 0;
	width: 100%;
	height: 100%;
	background: #84F48C; /* background color of 3D effect */
	-moz-box-shadow: 1px 0 3px gray;
	-webkit-box-shadow: 1px 0 3px gray;
	box-shadow: 1px 0 3px gray;
}

a.css3dbutton_why:hover {
	-moz-box-shadow: 0 4px 3px rgba(182, 64, 61, 0.7) inset;
	-webkit-box-shadow: 0 4px 3px rgba(182, 64, 61, 0.7) inset;
	box-shadow: 0 4px 3px rgba(182, 64, 61, 0.7) inset;
	background: #BBF9BF; /* background color when mouse rolls over button */
}

a.css3dbutton_why:active {
	top: 0px; /* shift button down 12px when depressed. Change 12px to match button's "bottom" property above */
	bottom: 0;
	-moz-box-shadow: 0 -3px 5px darkgreen inset, 1px 1px 2px #eee;
	-webkit-box-shadow: 0 -3px 5px darkgreen inset, 1px 1px 2px #eee;
	box-shadow: 0 -3px 5px darkgreen inset, 1px 1px 2px #eee;
}

a.css3dbutton_sim {
	background: #F4B948; /* background color of button */
	color: black !important;
	text-decoration: none;
	width: 170px;
	font: bold 12px Arial; /* font size and style */
	position: relative;
	top: 0; /* anchor main button's position */
	bottom: 0px; /* Depth of 3D effect. :after pseudo element inherits this value so it's animated in Chrome. See: kizu.ru/en/pseudos */
	margin-bottom: 12px;
	-moz-box-shadow: 0 -3px 5px SaddleBrown inset;
	-webkit-box-shadow: 0 -3px 5px SaddleBrown inset;
	box-shadow: 0 -3px 5px SaddleBrown inset;
	-moz-transition: all 0.001ms ease-in-out;
	-o-transition: all 0.001ms ease-in-out;
	-webkit-transition: all 0.001ms ease-in-out;
	transition: all 0.001ms ease-in-out;
}

a.css3dbutton_sim, a.css3dbutton_sim:after {
	display: inline-block;
	padding: 3px 15px; /* vertical and horizontal padding of button */
	-moz-border-radius: 4px/4px;
	-webkit-border-radius: 4px/4px;
	border-radius: 4px/4px;
	outline: none;
}

a.css3dbutton_sim:after { /* pseudo element to construct 3D side of button */
	content: "";
	position: absolute;
	padding: 0;
	z-index: -1;
	bottom: inherit; /* Inherit main button bottom value to animate it. See: kizu.ru/en/pseudos */
	left: 0;
	width: 100%;
	height: 100%;
	background: #FBD999; /* background color of 3D effect */
	-moz-box-shadow: 1px 0 3px gray;
	-webkit-box-shadow: 1px 0 3px gray;
	box-shadow: 1px 0 3px gray;
}

a.css3dbutton_sim:hover {
	-moz-box-shadow: 0 4px 3px rgba(182, 64, 61, 0.7) inset;
	-webkit-box-shadow: 0 4px 3px rgba(182, 64, 61, 0.7) inset;
	box-shadow: 0 4px 3px rgba(182, 64, 61, 0.7) inset;
	background: #FBDA9A; /* background color when mouse rolls over button */
}

a.css3dbutton_sim:active {
	top: 0px; /* shift button down 12px when depressed. Change 12px to match button's "bottom" property above */
	bottom: 0;
	-moz-box-shadow: 0 -3px 5px darkred inset, 1px 1px 2px #eee;
	-webkit-box-shadow: 0 -3px 5px darkred inset, 1px 1px 2px #eee;
	box-shadow: 0 -3px 5px darkred inset, 1px 1px 2px #eee;
}

a.css3dbutton_bambtns {
	background: #003399; /* background color of button */
	color: yellow !important;
	text-decoration: none;
	font: bold 12px Arial; /* font size and style */
	position: relative;
	top: 0; /* anchor main button's position */
	bottom: 0px; /* Depth of 3D effect. :after pseudo element inherits this value so it's animated in Chrome. See: kizu.ru/en/pseudos */
	margin-bottom: 5px;
	margin-left: 1px;
	margin-right: 1px;
	-moz-box-shadow: 0 -3px 5px #000 inset;
	-webkit-box-shadow: 0 -3px 5px #000 inset;
	box-shadow: 0 -3px 5px #000 inset;
	-moz-transition: all 0.001ms ease-in-out;
	-o-transition: all 0.001ms ease-in-out;
	-webkit-transition: all 0.001ms ease-in-out;
	transition: all 0.001ms ease-in-out;
}

a.css3dbutton_bambtns, a.css3dbutton_bambtns:after {
	display: inline-block;
	padding: 3px 15px; /* vertical and horizontal padding of button */
	-moz-border-radius: 4px/4px;
	-webkit-border-radius: 4px/4px;
	border-radius: 4px/4px;
	outline: none;
}

a.css3dbutton_bambtns:after { /* pseudo element to construct 3D side of button */
	content: "";
	position: absolute;
	padding: 0;
	z-index: -1;
	bottom: inherit; /* Inherit main button bottom value to animate it. See: kizu.ru/en/pseudos */
	left: 0;
	width: 100%;
	height: 100%;
	background: #3E66F9; /* background color of 3D effect */
	-moz-box-shadow: 1px 0 3px gray;
	-webkit-box-shadow: 1px 0 3px gray;
	box-shadow: 1px 0 3px gray;
}

a.css3dbutton_bambtns:hover {
	-moz-box-shadow: 0 4px 3px #006 inset;
	-webkit-box-shadow: 0 4px 3px #006 inset;
	box-shadow: 0 4px 3px #006 inset;
	background: #0033CC; /* background color when mouse rolls over button */
}

a.css3dbutton_bambtns:active {
	top: 0px; /* shift button down 12px when depressed. Change 12px to match button's "bottom" property above */
	bottom: 0;
	-moz-box-shadow: 0 -3px 5px darkblue inset, 1px 1px 2px #eee;
	-webkit-box-shadow: 0 -3px 5px darkblue inset, 1px 1px 2px #eee;
	box-shadow: 0 -3px 5px darkblue inset, 1px 1px 2px #eee;
}

/***Form Input Button***/
input#submitbutton {
	background: #EEEEEE; /* background color of button */
	color: navy !important;
	text-decoration: none;
	height: 30px;
	font: bold 12px Arial; /* font size and style */
	position: relative;
	top: 0; 
	bottom: 1px; 
	border: 1px 1px 1px 1px solid;
	border-color: navy;
	-moz-box-shadow: 0 -3px 5px #000 inset;
	-webkit-box-shadow: 0 -3px 5px #000 inset;
	box-shadow: 0 -3px 5px #000 inset;
	-moz-transition: all 0.001ms ease-in-out;
	-o-transition: all 0.001ms ease-in-out;
	-webkit-transition: all 0.001ms ease-in-out;
	transition: all 0.001ms ease-in-out;
	-webkit-border-radius: 1em 1em 1em 1em; 
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
}

input#submitbutton:hover, input#submitbutton:focus {
	top: 0;
	bottom: 1px;
	color: navy !important;
	border: 1px 1px 1px 1px solid;
	border-color: navy;
	background: #EEEEEE;
	-moz-box-shadow: 0 3px 5px #000080 inset, 0 0 2px navy;
	-webkit-box-shadow: 0 3px 5px #000080 inset, 0 0 2px navy;
	box-shadow: 0 3px 5px #000080 inset, 0 0 2px navy;
}
/***End of Form Input Button***/