#order {position: relative; z-index: 99;}
#order {border: 2px solid #d4d4d9; margin-top: 30px; width:288px;}
#order a#order-button {display: block; width: 0; height: 0; margin:0; padding: 59px 287px 0 0; background-image: url("/sites/all/themes/kleimer/images/kleimer_buttons.png");}

#order:hover {border: 2px solid #dd1b5a;}
#order a#order-button:hover { background-position: 0 -60px; }

#order.price-order {float:right; margin-top: 0;}


#order.active {border-bottom: none; }
#order.active:hover {border: 2px solid #d4d4d9;}
#order.active a#order-button {background-position: 0 -120px;}
#order .hidden {display:none;}
#order .active {display:block;}
#order form {overflow: hidden; width:258px; position: absolute; z-index: 99; background-color: #fafafa; border: 2px solid #d4d4d9; padding-left: 30px; border-top:none; margin-left: -1px;}
#order form.mini {width:287px; height:0; border: none;}

#order .textarea-identifier.description {display: none;}

input[type=text],
textarea { width: 200px;}

input.empty {color:#aaa;}

input[type="text"] {height: 16px;}

input, textarea {
	background-color: white;
	border: 1px solid #CCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	
	display: inline-block;
  	padding: 4px 6px;
 	margin-top: 9px;
  	font-size: 12px;
  	line-height: 16px;
  	color: #555555;
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
	}
	
input:focus, textarea:focus {
	border-color: rgba(188, 24, 24, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137,10,10,.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137,10,10,.6);
	/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(188,24,24,.6);*/
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137,10,10,.6);
}

input[type="submit"] {
	display: inline-block;
  	*display: inline;
  	/* IE7 inline-block hack */

  	*zoom: 1;
  	padding: 4px 14px;
  	margin-bottom: 0;
  	font-size: 12px;
  	line-height: 20px;
  	*line-height: 20px;
  	text-align: center;
  	vertical-align: middle;
  	cursor: pointer;
  	color: #fff;
  	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  	background-color: #dd1b5a;
  	background-image: -moz-linear-gradient(top, #bc1818, #dd1b5a);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bc1818), to(#dd1b5a));
  	background-image: -webkit-linear-gradient(top, #bc1818, #dd1b5a);
  	background-image: -o-linear-gradient(top, #bc1818, #dd1b5a);
  	background-image: linear-gradient(to bottom, #bc1818, #dd1b5a);
  	background-repeat: repeat-x;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc1818', endColorstr='#dd1b5a', GradientType=0);
  	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  	*background-color: #e6e6e6;
  	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

  	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  	border: 1px solid #bbbbbb;
  	*border: 0;
  	border-bottom-color: #a2a2a2;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
  	*margin-left: .3em;
  	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

input[type="submit"]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #dd1b5a;
  *background-color: #dd1b5a;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

input[type="submit"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="submit"]:active {
  background-color: #dd1b5a;
  background-color: #dd1b5a \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}