@font-face { 
	font-family: "aargh"; 
	src: url("../fonts/Aaargh-webfont.eot?"); 
	src: url("../fonts/Aaargh-webfont.eot?#iefix") format("embedded-opentype"), 
		url("../fonts/Aaargh-webfont.svg") format("svg"), 
		url("../fonts/Aaargh-webfont.ttf") format("truetype"), 
		url("../fonts/Aaargh-webfont.woff") format("woff"); }
* {
	margin: 0; padding: 0; }
html {
	background: #b4b4b4;
	color: #fff;
	font-family: aargh; }
a {
	text-decoration: none;
	color: #1795ff; }
a:hover {
	color: #76C0FF; }

p.error, p.success {
	text-align: center;
	color: #444; }

.section {
	margin: 10px 0 10px 0; }

.header {
	background: #2D6A9D; }
.header.error {
	color: #9b0707; }
.header.success {
	color: #9affa6; }
.header span {
	display: block;
	padding: 10px; }

.clearboth { clear: both; }

/* .table { display: table; } */
.row { display: table-row; }
.cell { display: table-cell; padding: 10px; }
.cell.first { text-align: right; }

.contentWrapper{
	padding: 10px;
	position: relative;
	color: #333;
	background: #efefef; }
.contentWrapper.info { position: static; }
.contentWrapper.info form {width: 355px;}
.contentWrapper .table {margin: 0 auto; }

.contentWrapper.total {
	color: #333;
	float: right; 
	width: 250px; }
.contentWrapper.total .row { position: relative; }
.contentWrapper.total .cell { width: 125px; padding: 10px 0 }
.contentWrapper.total .cell.first { 
	background: #d3d1d1; }
.contentWrapper.total .cell span { display: block; }
.contentWrapper.total .cell.first span {
	padding: 0 15px 0 0;
	text-align: right; }
.contentWrapper.total .cell { 
	background: #ddd; }
.contentWrapper.total .cell span {
	padding: 0 0 0 15px;
	text-align: left;}

.fieldLabel{
	margin: 0 0 5px 0; }
.inputSelect {
	margin: 0 0 10px 0;
	display: block;
	padding: 12px; }
#co { padding: 0 10px; }
#wrap{
	min-width: 615px;
	max-width: 47%;
	/* width: 800px; */
	margin: 10px auto; }

@media (max-width: 615px){
	#wrap{
		margin: 10px auto; }
	}
}
@media (max-width: 1024px)
#co {
	background: none; }

.item {
	border-bottom: 1px solid #777;
	overflow: hidden;
	/* width: 780px; */
	height: 75px; }
.item div {
	float: left; }
.item span {
	display: block;
	padding-top: 27px; }
.item .name {
	/* width: 455px; */
	}
.item .name span {
	padding-left: 20px; }
.item .quantity {
	float: right;
	text-align: center;
	width: 125px; }
.item .quantity button {
	display: inline-block; }
.item .quantity input {
	margin-top: 27px;
	text-align: center;
	width: 40px; }
.item .totalprice, .item .unitprice {
	float: right;
	text-align: center;
	width: 100px; }
.item p.error {
	color: #222;
	padding: 15px 20px 20px 20px;
}

 .inputField.select{
	margin: 0 0 10px 0;
	width: 350px; }
 .inputField {
  width: 325px;
  padding: 12px;
  margin: 0 0 5px 0; 
  border: 1px solid #9f9f9f;
	background: #e3e3e3; }
   .inputField:hover {
    background: #fffaef;
    border: 1px solid #87ddff; }
   .inputField:focus {
    background: #fff5e4;
    border: 1px solid #7790fc; }
   .inputField.error {
    background: #ffc6be;
    border: 1px solid #ffaea3; }
     .inputField.error:hover {
      background: #ffd8d3;
      border: 1px solid #ffcfc6; }
     .inputField.error:focus {
      background: #ffe3df;
      border: 1px solid #ffd8d3; }
   .inputField.valid {
    background: #a3c19d;
    border: 1px solid #b1ffa2; }
     .inputField.valid:hover {
      background: #d8ffd0;
      border: 1px solid #c7ffbc; }
     .inputField.valid:focus {
      background: #e4ffdf;
      border: 1px solid #d8ffd0; }	

span.fieldhelptext {
	color: #555;
	font-size: 12px;}

.contentWrapper.overlay{
	padding: 0; }
.paymentOverlay {
	background: rgba(0, 0, 0, .5);
	width: 100%; }
.paymentOverlay p {
	background: rgba(0, 0, 0, .75);
	color: #f2f1f1;
	padding: 15px 40px 15px 40px;}
.paymentOverlay .submitContainer {
	color: #fff;
	text-align: center; }

.tile { 
	float: left; }
.tile.payment {
	cursor: pointer;
	position: relative;
	margin: 0 5px 0 0;
	padding: 10px;
	background: #f1f1f1;
	width: 130px;
	height: 105px; }
.tile.payment:hover {
	background: #fefefe; }
.tile .button {
	width: 130px;
	height: 105px;}
.tile.gwallet {
	cursor: pointer; }
.tile.gwallet .button {
	margin: 10px 0 0 0;
	background: url(../images/gwall_logo_vrt_fc_rgb_gry_pos.png) 0 0; }
.tile.gwallet:hover .button {
	background: url(../images/gwall_logo_vrt_fc_rgb_gry_pos.png) 0 108px; }
.tile.paypal .button {
	margin: 13px 0 0 0;
	background: url(../images/paypal-logo.jpg) no-repeat; }
.tile.credit .button {
	margin: 7px 0 0 0;
	background: url(../images/credit-logos.png) no-repeat;}
.tile.disabled {
	cursor: default; }
.tile.disabled .button {
	width: 130px;
	height: 105px;
	background: url(../images/gwall_logo_vrt_oc_rgb_blk_pos.png) 0 0; }
.tile.disabled:hover .button {
	background: url(../images/gwall_logo_vrt_oc_rgb_blk_pos.png) 0 0; }
.tile span {
	position: absolute;
	top: 20px; }

.tile.disabled span {
	top: 0;
	position: absolute;
	padding: 15px;
	color: #888;
	font-size: 15px; }


.toolTip { max-width: 415px; display: inline; position: absolute; }
.toolTip .twrap { position: relative; }
.toolTip .arrow { width: 14px; height: 18px; top: 0; left: 0; margin: 7px 0 0 0; position: absolute; background: transparent url("layout/clump.png") no-repeat -20px -40px; }
.toolTip .info { top: 0; left: 0; margin: 0 0 0 13px; padding: 7px; background: #555555; border: 1px solid #777777; font-size: 14px; color: white; }
.toolTip.form { margin: 4px 0 0 3px; }
.toolTip.formButton { margin: 5px 0 0 3px; }
.toolTip.error .arrow { background: url("../images/clump.png") no-repeat -20px -58px; }
.toolTip.error .info { background: #ab0909; border: 1px solid #e83c3c; }

.submitContainer{
	padding: 10px 0 10px 0; }
.submitContainerCenter {
	margin: 10px 0 0 0;
	text-align: center; }
.submit.disabled, .submit.cancel.disabled {
	border: 1px solid #777;
	background: #777;
	cursor: default; }
.submit:hover.disabled, .submit.cancel.disabled:hover {
	border: 1px solid #777;
	background: #777; }
.submit:active.disabled, .submit.cancel.disabled:active {
	border: 1px solid #777;
	background: #777; }
.submit {
	-webkit-touch-callout: none; -webkit-user-select: none; -webkit-user-drag: none; -khtml-user-select: none; -moz-user-select: none; -moz-user-drag: none; -ms-user-select: none; -ms-user-drag: nonde; user-select: none;
	color: #fff;
	cursor: pointer;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	padding: 10px;
	background: #026bc4;
	border: 1px solid #026bc4;
	transition: background 150ms linear };
.submit span {
	font-size: 15px; }
.submit:hover {
	background: #0080ec;
	border: 1px solid #1795ff;	}
.submit:active {
	background: #1795ff; }
.submit.cancel {
	float: right; 
	background: #980404; 
	border: 1px solid #980404; }
.submit.cancel:hover {
	background: #b01010; 
	border: 1px solid #cd0505; }
.submit.cancel:active {
	background: #cd0505; }

	
.hiddensubmit {
	display: none; }