html, body { margin: 0; padding: 0; width: 100%; min-width: 320px; background: #fff; font: 14px 'Roboto Condensed', arial, helvetica, sans-serif; color: #000; text-align: left; }
fieldset { display: block; margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, strong, b { font-family: 'Roboto Condensed', arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 span, h2 span, h3 span, h4 span, h5 span { margin: 0 15px; }
h1 { font-size: 28px; margin: 15px 0; }
h2 { font-size: 22px; margin: 12px 0; }
h2.header { display: block; margin: 15px 0; padding: 0; width: 100%; color: #285596; font-size: 28px; font-weight: normal; text-align: left; text-transform: uppercase; clear: both; }
h2.header span { color: #888; }
h2.header a { color: #285596; }
h3 { font-size: 18px; margin: 10px 0; }
h3.header { display: block; margin: 15px 0; padding: 0; width: 100%; color: #285596; font-size: 24px; font-weight: normal; text-align: left; text-transform: uppercase; clear: both; }
h3.header span { color: #888; }
h3.header a { color: #285596; }
h4 { font-size: 16px; margin: 8px 0; }
h5 { font-size: 14px; margin: 8px 0; }
p { font-size: 14px; margin: 8px 0; }
div { font: 14px 'Roboto Condensed', arial, helvetica, sans-serif; }
table.table { width: 100%; border: none; }
table.table tr td, table.table tr th { padding: 1px 5px; font: 13px 'Roboto Condensed', arial, helvetica, sans-serif; }
a { outline: none; color: inherit; font-size: inherit; font-family: 'Roboto Condensed', arial, helvetica, sans-serif; text-decoration: none; }
a:hover { color: #009cf7; }
a img { border: none; }
p.sm { font-size: 14px; }
p.notice { color: red; font-weight: bold; }
::selection { background: #009cf7; }
::-moz-selection { background: #009cf7; }
button { display: inline-block; margin: 3px 5px 0 0; padding: 2px 4px; background: #f5f5f5; border: 1px solid #666; color: #222; font: 16px 'Roboto Condensed', arial, helvetica, sans-serif; line-height: 14px; text-align: center; cursor: pointer; }
button:hover, button:active { background: #285596; border: 1px solid #285596; color: #fff; }
button.savebutton { display: block; margin: 0 auto 10px; padding: 5px 10px; width: 300px; height: 40px; background: #285596; border: 1px solid #285596; color: #fff; text-transform: uppercase;  }
button.savebutton:hover, button.savebutton:active { background: #009cf7; border: 1px solid #009cf7; }
.col1 { display: block; float: left; margin: 0 1% 15px 0; padding: 0; width: 49.5%; min-width: 300px; }
.col2 { display: block; float: left; margin: 0 0 15px 0; padding: 0; width: 49.5%; min-width: 300px; }
.spacer { clear: both; }
.adminheader { margin: 0; padding: 5px 0; width: 100%; height: 30px; background: #222; border-bottom: 5px solid #285596; color: #ddd; overflow: auto; }
.adminheader img.adminlogo { float: left; margin-left: 10px; height: 30px; }
.adminheader a.headerlink { display: block; position: relative; float: right; margin: 3px 15px 0 0; padding: 4px 10px; border: 1px solid #666; background: #f5f5f5; color: #222; font: 11px 'Roboto Condensed', arial, helvetica, sans-serif; text-transform: uppercase; }
.adminheader a.headerlink:hover { background: #009cf7; border: 1px solid #009cf7; color: #fff; text-decoration: none; }
.loginbox { margin: 20px auto; padding: 20px; width: 300px; height: auto; background: #f5f5f5; border: 2px solid #888; }
.loginbox h2 { margin: 0 0 10px; font-size: 20px; text-align: center; }
.loginbox p { text-align: center; }
.loginbox input { padding: 5px 8px; width: 100%; font-size: 24px; text-align: center; }
.loginbox button { display: block; margin: 20px auto 0; padding: 8px 12px; font-size: 18px; }
.poscontent { margin: 0; padding: 20px; width: auto; height: auto; background: #fff; }
.poscontent h1 { margin: 0 0 15px; padding: 0; font-size: 28px; }
.poscontent h4 { margin: 35px 10px 45px; font-size: 20px; }
.contentbox { margin: 15px 0; padding: 8px 12px; background: #f5f5f5; border: 2px solid #888; }
.contentbox h2 { margin: 0 0 10px; font-size: 16px; text-transform: uppercase; }
.contentbox h3 { margin: 0 0 10px; font-size: 26px; }
.contentbox h4 { margin: 0 0 10px; font-size: 20px; }
.contentbox h4 span { color: #222; font-size: 16px; cursor: pointer; }
.contentbox h4 span:hover { text-decoration: underline; }
.contentbox button { margin: 5px 10px 5px 0; padding: 8px 12px; }
.contentbox #changedlid { display: block; margin: 10px 0 25px; padding: 0; }
.contentbox #changedlid input { display: inline-block; margin: 0 10px 0 0; padding: 6px 8px; font-size: 16px; }
.contentbox #changedlid button { margin-top: -1px; }
.contentbox #changeleid { display: block; margin: 10px 0 25px; padding: 0; }
.contentbox #changeleid input { display: inline-block; margin: 0 10px 0 0; padding: 6px 8px; font-size: 16px; }
.contentbox #changeleid button { margin-top: -1px; }
.contentbox #changecustomer { display: none; margin: 20px 0 5px; padding: 15px 0 0; border-top: 2px solid #aaa; }
.contentbox #newcustomer { display: none; margin: 20px 0 5px; padding: 15px 0 0; border-top: 2px solid #aaa; }
.contentbox #selectcustomer { margin: 20px 0 5px; padding: 15px 0 0; border-top: 2px solid #aaa; }
button.paymentremovebutton { padding: 0 2px; font-size: 14px; vertical-align: top; }
button.clearorder { float: right; padding: 8px; border: 1px solid #888; color: #444;  }
button.clearorder:hover { border: 1px solid #285596; color: #fff; }
button.ordersavebutton { display: block; margin: 25px auto; padding: 20px; font-size: 28px; text-transform: uppercase; }
table.customerselect { margin: 15px 0; }
table.customerselect tr td { padding: 3px 35px 3px 0; font-size: 18px; }
table.customersearch { margin: 15px 0; }
table.customersearch tr td { padding: 2px 20px 2px 0; font-size: 18px; }
table.customersearch tr td input { margin: 2px; padding: 5px 6px; font-size: 16px; }
table.checkoutadd { margin: 25px 0; }
table.checkoutadd tr th { font-size: 18px; }
table.checkoutadd tr td input { padding: 8px 12px; font-size: 18px; text-align: center; }
table.checkoutadd tr td input.qty { width: 50px; }
table.checkoutadd tr td input.barcode { width: 300px; }
table.checkoutadd tr td button { margin-top: -1px; padding: 8px; width: 44px; height: 41px; border: 1px solid #aaa; color: #888; font-size: 20px; text-align: center; }
table.checkoutadd tr td button:hover { border: 1px solid #285596; color: #fff; }
table.checkoutproducts { margin: 35px 0; width: 100%; }
table.checkoutproducts tr th { border-bottom: 2px solid #888; font-size: 14px; text-transform: uppercase; text-align: center; }
table.checkoutproducts tr td { padding: 8px 0; font-size: 18px; text-align: center; }
table.checkoutproducts tr.productrow td { border-bottom: 1px dotted #aaa ; }
table.checkoutproducts tr td.description { position: relative; height: 70px; font-size: 18px; }
table.checkoutproducts tr td.description span { padding: 5px 10px; cursor: pointer; }
table.checkoutproducts tr td.description div { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
table.checkoutproducts tr td.description div input { margin: 12px 0; padding: 8px 12px; width: 80%; min-width: 100px; font-size: 20px; text-align: center; }
table.checkoutproducts tr td.price { position: relative; height: 70px; font-size: 18px; }
table.checkoutproducts tr td.price span { padding: 5px 10px; cursor: pointer; }
table.checkoutproducts tr td.price div { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
table.checkoutproducts tr td.price div input { margin: 12px 0; padding: 8px 12px; width: 80%; min-width: 100px; font-size: 20px; text-align: center; }
table.checkoutproducts tr td.totalfield { padding: 8px 0 0; font-weight: bold; font-size: 22px; text-align: right; }
table.checkoutproducts tr td.totaldata { padding: 8px 0 0; font-weight: bold; font-size: 22px; }
table.checkoutproducts tr td.paymentfield { padding: 8px 0 0; color: #0a0; font-weight: bold; font-size: 22px; text-align: right; }
table.checkoutproducts tr td.paymentdata { padding: 8px 0 0; color: #0a0; font-weight: bold; font-size: 22px; }
table.checkoutproducts tr td.balancefield { padding: 8px 0 0; font-weight: bold; font-size: 26px; text-transform: uppercase; text-align: right; }
table.checkoutproducts tr td.balancedata { padding: 8px 0 0; font-weight: bold; font-size: 26px; }
table.checkoutproducts tr td img { height: 70px; }
table.checkoutproducts tr td button { border: 1px solid #aaa; color: #888; }
table.checkoutproducts tr td button:hover { border: 1px solid #285596; color: #fff; }
table.checkoutpayment { margin: 15px 0; }
table.checkoutpayment tr td { padding: 2px 20px 2px 0; font-size: 20px; }
table.checkoutpayment tr td input { margin: 2px; padding: 5px 6px; font-size: 20px; }
table.checkoutpayment tr td select { margin: 2px; padding: 5px; border: 1px solid #aaa; font-size: 20px; }
.ordernotes { margin: 15px 0; }
.ordernotes input { display: block; margin: 2px; padding: 5px 6px; width: 200px; font-size: 16px; }
.ordernotes textarea { margin: 2px; padding: 5px; width: 400px; border: 1px solid #aaa; font-size: 18px; }
.couponselector { margin: 15px 0; }
.couponselector button { margin-right: 20px; padding: 8px 15px; border: 1px dotted #888; background: #fafafa; color: #888; }
.couponselector button:hover { border: 1px solid #285596; color: #285596; }
.couponselector button.selected { border: 1px solid #285596; background: #285596; color: #fff; }
.couponselector input#couponcodefield { margin-right: 20px; padding: 8px 15px; border: 1px dotted #888; background: #fafafa; color: #888; font-weight: bold; text-align: center; }
.couponselector input#couponcodefield:hover, .couponselector input#couponcodefield:focus { border: 1px solid #285596; background: #f5f5f5; color: #285596; }
input.orderlookup { padding: 5px 8px; width: 100%; font-size: 24px; text-align: center; }
.completecontent { margin: 20px auto; padding: 20px; width: 300px; height: auto; }
.completecontent h2 { font-size: 32px; font-weight: bold; }
.completecontent button { display: block; margin: 30px auto 0; padding: 25px; font-size: 22px; }
.completecontent button.disclaimer { background-color: #daa; border-color: #d66; }
.printable { display: block; margin: 0; padding: 10px; }
.printable img.logo { width: 200px; }
.printable h1 { margin: 0; padding: 0; text-transform: uppercase; line-height: 100%; }
.printable h2 { margin-bottom: 0; }
.printable h3 { margin-top: 0; font-size: 16px; }
.printable p.headerinfo { margin: 0 0 15px; font-size: 13px; line-height: 100%; }
.printable p.info { font-size: 15px; }
.printable .rcolheader { float: right; max-width: 60%; text-align: right; }
.printable .customerinfo { margin: 15px 0; }
.printable table.checkoutproducts tr th { border-bottom: 2px solid #000; }
.printable table.checkoutproducts tr td { padding: 6px 0 0; font-size: 14px; }
.printable table.checkoutproducts tr td small { font-size: 13px; }
.disclaimerwarnings { position: relative; }
.receiptnotes { margin: 10px 0; padding: 6px 10px; width: auto; max-width: 600px; border: 1px solid #000; }
.receiptnotes h4 { margin: 0 0 10px; padding: 0; font-weight: bold; }
.receiptnotes p { margin: 0; padding: 0; }
.refundhistory { margin: 10px 0; padding: 6px 10px; width: auto; max-width: 600px; border: 1px solid #000; }
.refundhistory h4 { margin: 0 0 10px; padding: 0; font-weight: bold; }
.refundhistory p { margin: 0; padding: 0; }
.warnings { position: absolute; top: -132px; padding: 8px 8px 1px; width: 65%; border: 1px solid #000; }
.warnings h5 { display: inline-block; margin: 0; padding: 1px 4px; width: auto; background-color: #000; color: #fff; font-size: 9px; font-weight: bold; text-transform: uppercase; }
.warnings p { margin: 5px 0 8px; font-size: 10px; line-height: 100%; }
.disclaimer { margin: 15px 0 0; }
.disclaimer strong { font-weight: bold; text-decoration: underline; }
.disclaimer h4 { font-size: 13px; }
.disclaimer h5 { display: inline-block; margin: 0; padding: 2px 5px; width: auto; background-color: #000; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.disclaimer p { font-size: 12px; line-height: 100%; }
.disclaimer ol { margin: 5px 0; padding-left: 12px; }
.disclaimer li { font-size: 11px; line-height: 100%; }
.disclaimer .signaturebox { margin: 25px 0; padding: 15px 10px 5px; border: 1px solid #000; }
.disclaimer .signaturebox p { margin: 0; padding: 0; }
.disclaimer span { display: inline-block; width: 30px; height: 10px; border-bottom: 1px solid #000; }
.disclaimer  table tr td { font-size: 12px; }
/* Dynamic table */.dynamicTable { margin: 0 0 20px; }
.dynamicTable td { margin: 0; padding: 0; min-width: 50px; font: 12px arial, sans-serif; }
.dynamicTable th { margin: 0; padding: 3px 5px; min-width: 50px; max-width: 300px; border: 1px solid #666; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; background: #ccc; text-align: center; vertical-align: middle; font-size: 12px; font-weight: bold; cursor: pointer;}
.dynamicTable td { margin: 0; padding: 2px 5px; vertical-align: top; color: #222; }
.dynamicTable .sortAsc { background-image: url(/images/arrow-up.png); background-repeat: no-repeat; background-position: center right; }
.dynamicTable .sortDesc { background-image: url(/images/arrow-down.png); background-repeat: no-repeat; background-position: center right; }
#dtable { text-indent: -9999px; }
#dynamicTableMenu { display: none; }
#dynamicTableMenu ul, #dynamicTableMenu ul { margin: 0; padding: 0; list-style: none; text-align: left; }
#dynamicTableMenu button { margin-top: 10px; }
.dynamicTable { width: 100%; margin: 0 0 20px 0; }
form .dynamicTable { width: 385px; margin: 0 0 20px 0; }
.dynamicTable td, .dynamicTableSmall td { margin: 0; padding: 0; min-width: 30px; color: #ccc; font-family: tahoma, verdana, arial, sans-serif; font-size: 8pt;}
.dynamicTable th, .dynamicTableSmall th { min-width: 30px; max-width: 300px; padding: 2px 2px;  border-bottom: 2px solid #000; background: #fff; cursor: pointer; text-align: center; vertical-align: middle; font-weight: bold; font-family: tahoma, verdana, arial, sans-serif; font-size: 8pt; color: #222;}
.dynamicTable td, .dynamicTableSmall td { padding: 0px 4px; border-bottom: 1px dotted #aaa; background: #fff; text-align: center; vertical-align: middle; color: #222;}
.dynamicTable tr:hover td, .dynamicTableSmall tr:hover td { background: #f5f5f5; }
.dynamicTable .sortAsc, .dynamicTableSmall .sortAsc { background-image: url(../img/arrow-up.png); background-repeat: no-repeat; background-position: center right; }
.dynamicTable .sortDesc, .dynamicTableSmall .sortDesc { background-image: url(../img/arrow-down.png); background-repeat: no-repeat; background-position: center right; }
#dtable { text-indent: -9999px; }
#dynamicTableMenu { display: none; }
#dynamicTableMenu ul, #dynamicTableMenu ul { margin: 0; padding: 0; list-style: none; text-align: left; }
#dynamicTableMenu button { margin-top: 10px; }
/* Data */form { width: 100%; margin: 20px 0 20px 0; padding: 0; }
form #catheader { margin: 10px 0 10px 0; padding: 2px 0; border-bottom: 2px solid #000; font-size: 11pt; font-weight: bold;}
form label { float: left; display: block; width: 200px; min-height: 20px; margin: 0 5px 5px 0; padding: 0px 5px 0px 5px;  text-align: right; vertical-align: top; font-family: tahoma, verdana, arial, sans-serif; font-size: 8pt;}
form label.req { color: #f00; }
form input.text, form input.textl, form input.textlreadonly, form input.num, form select, form textarea { min-width: 50px; min-height: 16px; margin: 0 5px 5px 0; padding: 2px 4px 2px 4px; border: 1px solid #000; background: #fafafa; color: #222; font-family: tahoma, verdana, arial, sans-serif; font-size: 8pt; clear: both;}
form input.text { width: 200px; min-height: 15px; padding: 3px 4px 3px 4px; }
form input.textl, form input.textlreadonly { width: 400px; min-height: 15px; padding: 3px 4px 3px 4px; }
form input.textreadonly, form input.textlreadonly { padding: 2px 0 0 0; background: #fff; border: none; font-size: 12px; }
form input.num { width: 50px; min-height: 15px; padding: 3px 4px 3px 4px; }
form textarea { width: 550px; height: 100px; }
form #checkboxes { float: left; padding: 0 10px 0 0; }
form textarea { margin: 0 1px 0 0; padding: 2px;  border: 1px solid #bbb; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; color: #222; font-family: tahoma, verdana, arial, sans-serif; font-size: 8pt;}
#caltable { float: left; margin: 5px 0 0 20px; font-family: arial; font-size: 7pt; }
#caltable td { width: 15px; padding: 2px; border: 1px solid #bbb; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; background: #ddd; line-height: 115%; text-align: center; font-family: arial; font-size: 10px;}
#caltable td.title { border-color: #999; background: #aaa; line-height: 130%; font-weight: bold; }
#caltable td.header { border-color: #999; background: #bbb; }
#caltable td.disabled { background: #eee; color: #999; }
#caltable td.today { background: #fff; cursor: hand; cursor: pointer; }
#caltable td.today:hover { background: #cec; border-color: #6c6; }
#caltable td.followup { background: #cec; border-color: #6c6; }
#caltable td.link { background: #ddd; cursor: hand; cursor: pointer; }
#caltable td.link:hover { background: #cec; border-color: #6c6; }
#docstable { margin: 0; }
#docstable td { padding: 0 0 0 5px; }
div.pics { float: left; width: 550px; }
div.pics img { margin: 0 5px 5px 0; width: 200px; }
ul.adminphotos { padding: 0 0 0 167px; list-style-type: none; }
ul.adminphotos li { margin: 0 0 5px 0; }
ul.adminphotos li img { float: left; margin: 0 10px 10px 0; }
/* Multiple file uploader */ul#fileList, ul#fileList2 { margin: 2px 0 5px 217px; padding: 0; list-style: none; font-size: 11px; }
/* Selector form */form.selector { padding: 0 0 10px 0; text-align: right; font-family: tahoma, "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; font-size: 8pt; color: #000;}
form.selector select { width: 100px; font-family: tahoma, "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; font-size: 8pt; color: #000; }
form.selector input { width: 40px; font-family: tahoma, "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; font-size: 8pt; color: #000; }
/* Message box */p.message { margin: 0 0 10px 0; padding: 10px 15px; border: 2px solid; border-color: #e6db55; background-color: #ffffe0; color: #222; font-size: 18px;}
#notice p.message, p.notice { background-color: #ffffe0; border-color: #e6db55; }
#success p.message, p.success { background-color: #ada; border-color: #6d6; }
#fail p.message, p.fail { background-color: #daa; border-color: #d66; }

.productlabel { display: block; margin: 0 auto; padding: 5px 10px; width: 400px; border: 2px solid #444; }
.productlabel h3, .productlabel h4, .productlabel h5, .productlabel p { margin: 2px 0; padding: 0; }
.productlabel .barcode { display: inline-block; width: 200px; text-align: center; }
.productlabel .barcode h5 { margin: -2px 0 0; text-align: center; }
.productlabel .qrcode { display: inline-block; margin-top: -10px; width: 200px; text-align: center; }
.productlabel .qrcode h4 { margin: -5px 0 0; text-align: center; }

@media print {
div { overflow: hidden !important; }
.receiptnotes { display: none; }
.refundhistory { max-width: 400px; }
.refundhistory .refundtable th, .refundhistory .refundtable td { font-size: 13px; }
.adminheader { display: none; }
.donotprint { display: none; }
.alwaysprint { display: block !important; }
.productlabel { padding: 0; border: none; }
}