﻿/* Styles for Buttons */
.button-blue, .button-green, .button-orange, .button-gray {
  font-family: "Arial Narrow", Arial, sans-serif;
  width: 150px;
  margin: 15px auto;
  padding: 7px 0;
  border-radius: 4px;
 	-moz-border-radius: 4px; /* Firefox 3.6 and earlier */
	-webkit-border-radius: 4px; /* Safari */
  font-size: .9em !important;
  font-weight: normal;
  text-align: center;
  clear: both;
  display: block;
  color: #FFFFF1 !important; 
}
a.button-blue:link, a.button-blue:visited {
  background-color: #2E75B3;
  background-image: url('../image/pl-blue.jpg');
  background-position: left bottom;
  background-repeat: repeat-x;
  color: #FFFFF1 !important;
  text-decoration: none;
}
a.button-blue:hover, a.button-blue:active {
  background-color: #51ABCE;
  background-image: url('../image/pl-blue-hover.jpg');
  background-position: left bottom;
  background-repeat: repeat-x;
}
a.button-green:link, a.button-green:visited {
  background-color: #1DA022;
  background-image: url('../image/pl-green.jpg');
  background-position: left bottom;
  background-repeat: repeat-x;
  color: #FFFFF1 !important; 
  text-decoration: none;
}
a.button-green:hover, a.button-green:active {
  background-color: #66ac3d;
  background-image: url('../image/pl-green-hover.jpg');
  background-position: left bottom;
  background-repeat: repeat-x;
}
a.button-orange:link, a.button-orange:visited {
  background-color: #F85A03;
  background-image: url('../image/pl-orange.jpg');
  background-position: left bottom;
  background-repeat: repeat-x;
  color: #FFFFF1 !important;
  text-decoration: none;
}
a.button-orange:hover, a.button-orange:active {
  background-color: #FCAC1E;
  background-image: url('../image/pl-orange-hover.jpg');
  background-position: left bottom;
  background-repeat: repeat-x;
}
.button-gray {
  height: 18px;
}
a.button-gray:link, a.button-gray:visited {
  background-color: #BBB4AE;
  background-image: url('../image/pl-nav.jpg');
  background-repeat: repeat-x;
  color: #000000 !important;
  text-decoration: none;
  border-top: 1.5px #EFEFEF solid;
  border-left: 1.5px #EFEFEF solid;
	border-bottom: 1.5px #8A8B8F solid;
	border-right: 1.5px #8A8B8F solid;
	margin: 5px auto 0 auto;
	padding-top: 7px;
	text-align: center;
	width: auto;

}
a.button-gray:hover, a.button-gray:active {
  background-color: #ABB1AF;
  background-image: url('../image/pl-nav-hover.jpg');
  background-position: left bottom;
  background-repeat: repeat-x;
}
/** QUOTE REQUEST and SAMPLE REQUEST and UPLOAD ARTWORK buttons **/
a.request-quote {
	display: block;
	width: 190px;
	height: 65px;
	background-image: url('../image/quote-button.png');
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}
a:hover.request-quote {
	background-position: 0 -65px;
}
a.request-quote-150 {
	display: block;
	width: 150px;
	height: 52px;
	background-image: url('../image/quote-button-150.png');
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
}
a.receive-samples-150 {
	display: block;
	width: 150px;
	height: 52px;
	background-image: url('../image/sample-button-150.png');
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
}
a.upload-artwork {
	display: block;
	width: 190px;
	height: 65px;
	background-image: url('../image/artwork-button.png');
	float: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}
a:hover.upload-artwork {
	background-position: 0 -65px;
}
#submit-order {
	display: block;
	width: 190px;
	height: 65px;
	background-image: url('../image/submit-order-button.png');
	float: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}
#submit-order:hover {
	background-position: 0 -65px;
}
a:hover.request-quote-150,
a:hover.receive-samples-150 {
	background-position: 0 -52px;
}



/* Not Using 

button-1:link {
    font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    text-decoration: none;
    font-size: .9em;
    font-weight: normal;
    text-align: center;
    color: #000000 !important;
    clear: both;
    margin: auto auto;
    padding: 2px 2px;
    border-radius: 5px;
    display: block;
    width: 9em;
    background-color: #E1E1E1;
    background: -moz-linear-gradient(100% 30% 90deg, #E1E1E1, #FFFFFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
    box-shadow: 0 10px 0 rgba(255, 255, 255, 0.4) inset;
    border: thin #A6D7DB outset;
}
button-1:hover, button-1:active, button-1:focus {
    background-color: #80A9FF;
    background: -moz-linear-gradient(100% 30% 90deg, #80A9FF, #FFFFFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#80A9FF));
    box-shadow: 0 20px 0 rgba(255, 255, 255, 0.4) inset;
}
 */