h1 {color:#ffb205; font-size:1.6em; font-weight: normal;}
h1 span {color:#000; font-size:0.7em; margin-left:30px;}
h2 {font-size:1.1em; font-weight:bold;display:inline; float:left; margin:0; padding:0; }
h2.first {margin-top:0; }

.clear {clear:both;}

#outer {width:565px; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#999; text-align:left; }
#main {background:#ebebeb; color:#000; line-height:1.4em;  padding:7px 7px 7px 27px; clear:both; font-size:1.2em; overflow:hidden;}
img {border:none;}

#toplinks {width:565px; }
#toplinks .help {float:right;}
#titlearea {padding:20px 0px 10px 20px; overflow:hidden;float:left; width:auto; color:#000; clear:both; font-size:1.1em; }
#titlearea p.left {float:left; width:477px;}
#titlearea p.right span.tel {font-weight:bold; font-size:1.6em;}
#titlearea p.right span.sub {font-size:0.8em; color:#000;}

#maincontent { float:left; width:100%; padding:10px 27px; margin:0 auto; overflow:hidden;  }
#maincontentbottom { clear:both; height:4px;}

.fields {clear:both; float:left; margin-bottom:20px; width:400px; margin-top:10px; }
label {width:174px; float:left; }
input {margin-top:2px;  border:1px solid #9fa0a5; color:#7b7b7b; }
input.text {width:187px;}
input.zip {width:72px; }
select {margin-top:2px; border:1px solid #9fa0a5; color:#7b7b7b; height:18px;}

a.question {background:url(../Images/question.gif) no-repeat left middle; float:right; margin-left:10px; margin:3px 0 0 40px;  color:#fa0000; font-weight:normal; text-decoration:none;}
a.question:hover {text-decoration:none;}

#footer {border:1px solid #ccc; width:565px; margin:0px 3px; background:#fff; clear:both;}
#footer .foothead { font-weight:bold; color:#646464; line-height:25px; padding-left:19px;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
a.logo {display:block; height:60px; margin-left:40px; float:left;}
* html a.logo {margin-left:20px;}

p {margin:5px 0;}

div.button {clear:both; text-align:right;  margin-right:10px; color:#000; margin-right:37px;}
.button input { background-color: #FFAF00; border-radius: 5px; color:#000; padding:10px; float: left;}
.button input:hover { background-color: #FFC855; }

div.paymentbutton { clear: both; text-align:right; margin-right:10px; color:#FFF; margin-right:37px;}
.paymentbutton input { background-color: #009900; border-radius: 5px; color:#FFF; padding:10px; }
.paymentbutton input:hover { background-color: #00D700; }

.transactioncard {float:left; width:393px; background:#f3f3f3; padding:5px 5px 20px 5px; overflow:hidden;}
.transactioncard .header { width:380px; margin-top:5px; clear:both; font-weight: bold;}
*:first-child+html .transactioncard .header {margin-top:10px;} * html .transactioncard .header {margin-top:10px;}
.transactioncard .fields {background:#fafafa; margin:1px 0px; width:380px; padding:4px 5px; line-height:20px; }
.transactioncard .fields label {padding-top:3px; width:150px;}
.transactioncard .fields input {width:220px; height:20px; color:#000000; }
.transactioncard .fields select {width:60px; margin-right:2px; height:20px; color:#000000;}
.transactioncard .fields .price {font-size:1.4em;}

.transactioncustomer {float:left; width:393px; background:#f3f3f3; padding:5px 5px 20px 5px; overflow:hidden;}
.transactioncustomer .header { width:380px; margin-top:5px; clear:both; font-weight: bold; }
*:first-child+html .transactioncustomer .header {margin-top:10px;} * html .transactioncustomer .header {margin-top:10px;}
.transactioncustomer .fields {background:#fafafa; margin:1px 0px; width:380px; padding:4px 5px; line-height:20px; }
.transactioncustomer .fields label {padding-top:3px; width:150px;}
.transactioncustomer .fields input {width:220px; height:20px; color:#000000; }
.transactioncustomer .fields select {width:85px; margin-right:2px; height:20px; color:#000000;}
.transactioncustomer .fields .price {font-size:1.4em;}

.response {float:left; width:835px; background:#f3f3f3; padding:5px 5px 20px 5px; overflow:hidden;}
.response .fields {background:#fafafa; margin:1px 0px; width:824px; padding:4px 5px; line-height:20px; }
.response .fields label {padding-top:3px; width:200px;}
.response .fields input {width:220px; height:20px; color:#000000; }
.response .fields select {width:85px; margin-right:2px; height:20px; color:#000000;}
.response .fields .price {font-size:1.4em;}

img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
	border-radius:5px;
}

/* gsc */

.machine { display: none; }
div#errors { border: 1px solid red; display: none; }
div#errors h4 { color:Red; padding-left: 32px;  }
div#errors Li { margin-left: 16px; }
input[type="image"] { border: 0px;}


/* gsc media querie for mobile */

@media only screen and (min-width: 0px) and (max-width: 320px) {
body {
	margin: 0px;
}
img.scalable {
	float:none;
	padding:0px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	
}
#outer {width:320px; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#999; text-align:left; }
#outer {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #999;
	text-align: left;
	min-width: 320px;
		overflow: visible;
}
#main {
	background: #ebebeb;
	color: #000;
	line-height: 1.4em;
	width: auto;
	padding: 7px 7px 7px 7px;
	clear: both;
	font-size: 1.2em;
		overflow: visible;

}

#titlearea {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	float: left;
	width: auto;
	color: #000;
	clear: both;
	font-size: 1.1em;

		overflow: visible;
}
.transactioncustomer {
	width: 290px;

}

.transactioncustomer .fields {
	width: auto;
}

.transactioncustomer .fields label {
	width: 95px;
}
.transactioncustomer .fields input {
	width: 130px;
    font-size: 1em;
	}
	
.transactioncustomer .fields select {
	width: 45px;
	margin-right: 2px;
}
.transactioncustomer .fields .price {font-size:1.2em;}

#maincontent { float:left; width:auto; padding:10px 10px; margin:0 auto;   }

.response {float:left; width:320px; background:#f3f3f3; padding:5px 5px 20px 5px; overflow: visible; }
.response .fields {background:#fafafa; margin:1px 0px; width:824px; padding:4px 5px; line-height:20px; 	overflow: visible; }
.response .fields label {padding-top:3px; width:200px;}
.response .fields input {width:150px; height:20px; color:#000000; }
.response .fields select {width:45px; margin-right:2px; height:20px; color:#000000;}
.response .fields .price {font-size:1.4em;}

}