body {
	/*background:#f6f6f6;*/
	font: 16px/1.5em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	margin:0;
	padding-right:20px;
	color:#333;
}
#container {
	margin-top: 0px;
	margin-right: 20px;
	background: #fff;
	width: 93%;
	padding: 0 5%;
	max-width: 508px;
	border: 8px solid #c0c0c1;
	border-bottom-color: #FF0000;
	border-top-color: #FF0000;
	box-shadow: 0 1px 0 #dfe0e1;
	border-radius: 5px;
	font-size: 14px;
	border-bottom-left-radius: #FF0000;
	border-left-color: #FF0000;
	border-right-color: #FF0000;
	color: #33C;
}
h1, h2 {
	padding: 10px 0px;
	border-bottom: 1px solid #eee;
	padding-left: 0;
	font-weight: normal;
	line-height: 0em;
	font-size: 24px;
}
h1 {
	color: #3300CC;
}
ul {
	list-style-type:none; 
	margin:0; 
	padding:0; 

}
li {
	margin: 0.5em 0;
	font-size: 12px;
	color: #33C;
}
form {
	width: 100%;
	margin: 16px auto 20px auto;
	font-size: 9px;
}
input {
	display: block;
	width: 100%;
	padding: 0.3em 0.1em;
	text-indent: 5px;
	border: 1px solid #e1e3e3;
	border-bottom-color: #FFFFFF;
	box-shadow: 0 -1px 0 #a7aaad;
	border-radius: 3px;
	font-size: 12px;
	font-family: inherit;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

button, input[type=submit], input[type=button] {
	width:80%;
	max-width:300px; 
	margin:20px auto;
	display:block;
	border:1px solid #0c6eb3;
	box-shadow:0 1px 0 #ced0d1, 0 1px 0px #8cd1fd inset;
	padding:10px;
	color:#fff;
	font-weight:bold;
	border-radius:3px;
	background: #159efd; /* Old browsers */
	background: -moz-linear-gradient(top, #159efd 0%, #018ff3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#159efd), color-stop(100%,#018ff3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #159efd 0%,#018ff3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #159efd 0%,#018ff3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #159efd 0%,#018ff3 100%); /* IE10+ */
	background: linear-gradient(top, #159efd 0%,#018ff3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#159efd', endColorstr='#018ff3',GradientType=0 ); /* IE6-9 */
}
input[type=button].loutButton {
	background: grey;
	border: none;
}
.suggestion {
	line-height: 1.2em;
	font-weight:bold;
	position:absolute;
	top:-18px;
	left:100px;
	color:#fff; 
	border-radius:5px; 
	box-shadow:0 1px 0px #75797a inset, 0 1px 2px #555; 
	border:1px solid #000;
	font-size:12px;
	display:block;
	padding:8px 10px; /* must be same as li */
	background: #3a3e3f; /* Old browsers */
	background: -moz-linear-gradient(top, #3a3e3f 0%, #323637 50%, #292a2c 51%, #212224 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3e3f), color-stop(50%,#323637), color-stop(51%,#292a2c), color-stop(100%,#212224)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3a3e3f 0%,#323637 50%,#292a2c 51%,#212224 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3a3e3f 0%,#323637 50%,#292a2c 51%,#212224 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3a3e3f 0%,#323637 50%,#292a2c 51%,#212224 100%); /* IE10+ */
	background: linear-gradient(top, #3a3e3f 0%,#323637 50%,#292a2c 51%,#212224 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3e3f', endColorstr='#212224',GradientType=0 ); /* IE6-9 */
}

.suggestion:hover {cursor:pointer;}
.suggestion::after {
	content: "\25BC";
	font-size:12px;
	position:absolute;
	bottom:-10px;
	left:50%;
	color:#000;
}
.suggestion:active, .suggestion:hover {
	background: #34abe8; /* Old browsers */
	background: -moz-linear-gradient(top, #34abe8 0%, #007fd1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34abe8), color-stop(100%,#007fd1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #34abe8 0%,#007fd1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #34abe8 0%,#007fd1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #34abe8 0%,#007fd1 100%); /* IE10+ */
	background: linear-gradient(top, #34abe8 0%,#007fd1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34abe8', endColorstr='#007fd1',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px 0px #83c7f0 inset, 0 1px 2px #555;
	border:1px solid #0075c0;
	border-left-color:#0168a9;
	border-right-color:#0168a9;
	border-bottom-color:#014773; 
}
.suggestion:active::after, .suggestion:hover::after {
	color:#0075c0;
}
.orderButton {
	background: #5f994f; /* Old browsers */
	background: -moz-linear-gradient(top,  #5f994f 0%, #299a0b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f994f), color-stop(100%,#299a0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5f994f 0%,#299a0b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5f994f 0%,#299a0b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5f994f 0%,#299a0b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5f994f 0%,#299a0b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f994f', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px 0px #709964 inset, 0 1px 2px #555; 
	
}
.loutButton {
	background: red; /* Old browsers */	
	box-shadow: none;
	border: none;
}
.disabled {
	background: grey;
	color: white;
	box-shadow: none;
	border: none;
	filter: none;
}

#priceLi label{
	font-style: bold; color: green;
}
#pckgNum, #palletNum {
	width: auto;
	display: inline;
}
#pckgNum {
	margin-right: 30px;
}

@media only screen and (max-width: 507px) {
	#pckgNum, #palletNum {
		display: block;
	}
	#pckgNum {
		margin-right: 0px;
	}

}

#confirmMap {
	width: 100%;
	height: 160px;
}

/*loading spinner*/

#circleG{
width:149.33333333333334px;
}

.circleG{
background-color:#FFFFFF;
float:left;
margin-left:17px;
height:32px;
width:32px;
-webkit-animation-name:bounce_circleG;
-webkit-border-radius:21px;
-webkit-animation-duration:1.9500000000000002s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-moz-animation-name:bounce_circleG;
-moz-border-radius:21px;
-moz-animation-duration:1.9500000000000002s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
opacity:0.3;
-o-animation-name:bounce_circleG;
border-radius:21px;
-o-animation-duration:1.9500000000000002s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:1.9500000000000002s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
opacity:0.3}

#circleG_1{
-webkit-animation-delay:0.39s;
-moz-animation-delay:0.39s;
-o-animation-delay:0.39s;
-ms-animation-delay:0.39s;
}

#circleG_2{
-webkit-animation-delay:0.91s;
-moz-animation-delay:0.91s;
-o-animation-delay:0.91s;
-ms-animation-delay:0.91s;
}

#circleG_3{
-webkit-animation-delay:1.17s;
-moz-animation-delay:1.17s;
-o-animation-delay:1.17s;
-ms-animation-delay:1.17s;
}

@-webkit-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}

@-moz-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}

@-o-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}

@-ms-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}
#container table tr td {
	font-size: 26px;
	color: #00C;
	text-align: center;
}