@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* { margin: 0; padding: 0; }
body { font: 13px "Lucida Grande", Helvetica, Sans-Serif;}
table { border-collapse: collapse; }

#page-wrap { padding: 40px 30px; background:url("icon100.png") no-repeat 95% 1%; }
@media (max-width:768px) {
	#page-wrap { padding: 20px 5px; background:url("icon100.png") no-repeat right top; }
}

h1 { font: bold 40px Helvetica; letter-spacing: 10px; margin: 0 0 10px 0; }
h2 { font: bold 20px Helvetica; letter-spacing: 0.5px; margin: 0 0 10px 0; color:#666; }

.clear { clear: both; }

#order-table { width: 100%; }
#order-table td { padding: 5px; }
#order-table th { padding: 5px; background: black; color: white; text-align: left; }
#order-table td.row-total { text-align: right; }
#order-table td input { width: 90%; text-align: center; border: 1px solid #ccc; padding: 3px; }
#order-table tr.odd td { background: #fcfcfc; }
#order-table tr.even td { background: #f6f6f6; }
.num-pallets input { background: white; border:1px solid #ccc; padding:3px; }
.num-pallets input.warning { background: #ffdcdc; }

input:disabled { background-color : #eee; }
input:enabled { background-color : white; }
input:focus { background-color : yellow; }

#feecost {display:none;}
#fee {text-align: right;}

#order-table td .total-box, .total-box { border: 2px solid red; width: 70px; width: 90%; padding: 3px; margin: 5px 0 5px 0; text-align: right; font-size: 14px; }
#order-total { font-weight: bold; font-size: 20px !important; width: 110px; width: 90%; }
#invoice { font-weight: bold; font-size: 16px !important; width: 200px; margin:10px; margin-left:auto; text-align: right; color:#f00; }
/*
#shipping-subtotal { margin: 0; }
#shipping-table { width: 350px; float: right; width: 100%; }
#shipping-table td { padding: 5px; }
#shipping-table th { padding: 5px; background: black; color: white; text-align: left; }
#shipping-table td input { width: 69px; width: 90%;  text-align: right; }
*/