/********************************** common tag **********************************/
html, body { padding:10px; background:#eee; font:9pt Arial, Helvetica, sans-serif; color:#666; }
p { line-height:1.5; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; margin:0 0 12px; }
h1 { font-size:24pt; }
h2 { font-size:18pt; }
h3 { font-size:14pt; }
h4 { font-size:12pt; }
h5 { font-size:10pt; }
h6 { font-size:8pt; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }
a { text-decoration:none; color:#0681c8; cursor:pointer; }
a:hover { text-decoration:underline; }
textarea { font:10pt Arial, Helvetica, sans-serif; color:#000; }
table { border-collapse:collapse; border-spacing:0; }

/********************************** id **********************************/
#invoice { background:#fff; width:560px; padding:18px; margin:0 auto; }

#logo { background:#fff; padding:6px; }
img.logo { background:#fff; margin:0 0 5px; }

/********************************** class **********************************/
.clear { clear:both; }

.small { font-size:11px; }

.left { text-align:left; }
.ctr { text-align:center; }
.right { text-align:right; }

.fleft { float:left; width:auto !important; }
.fright { float:right; width:auto !important; }

a.print { background:url('../../global/images/icons/printer.png') no-repeat; padding-left:20px; position:relative; color:#666; text-decoration:none; position:relative; }
a.print:hover { text-decoration:underline; color:#069; }

#print_invoice { margin-top:20px }
#print_invoice a.print { float:none }

/********************************** invoice table **********************************/
table.invoice { width:100%; }
table.invoice tr {}
table.invoice tr td { vertical-align:top; padding:0 4px; }
table.invoice tr td.shop_details { padding:0 8px; }
table.invoice tr td h3.title { background:#eee; padding:8px 18px; margin:0 0 4px; color:#000; float:right; }

/********************************** details table **********************************/
table.details { width:100%; }
table.details tr {}
table.details tr td { vertical-align:top; padding:0 4px; line-height:18px; }
table.details tr td.td1 { width:108px; font-weight:bold; }
table.details tr td h5 { font-size:10pt; padding:3px 0; margin:0 0 3px; color:#000; border-bottom:1px solid #666; }
table.details tr.border_bottom td { border-bottom:1px solid #CCC; }

/********************************** order table **********************************/
table.order { width:100%; }
table.order thead { background:#CEF; color:#444; font-weight:bold; border-bottom:1px solid #CCC; }
table.order thead tr th { padding:0 4px; line-height:22px; }
table.order tr {}
table.order tr td { vertical-align:top; padding:0 4px; line-height:22px; }
table.order tr td.title { padding:0 !important; }
table.order tr.odd td { background:#f3f3f3; }
table.order tr td.td1 { width:125px; font-weight:bold; }
table.order tr td.td2 { width:5px; }
table.order tr td.td3 {}
table.order tr td div.small { line-height:16px; }
table.order tr td h5, h5.order { font-size:11pt; padding:5px; margin:0 0 5px; color:#fff; background:#555; line-height:18px; }

table.order tr.border td { border-top:2px solid #CCC; border-bottom:1px solid #CCC; background:#f3f3f3; }
table.order tr.border_bottom td { border-bottom:1px solid #CCC; }
table.order tr.total td { background:#CEF; font-weight:bold; }

/********************************** 404 **********************************/
#error_404 { line-height:30px; color:#900; border:1px solid #900; background-color:#FFECEC; position:relative; z-index:10; margin:10px 0; padding:10px;
	-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:rgba(200,200,200,1) 0 1px 5px; -khtml-box-shadow:rgba(200,200,200,1) 0 1px 5px; -webkit-box-shadow:rgba(200,200,200,1) 0 1px 5px; box-shadow:rgba(200,200,200,1) 0 1px 5px; }
#error_404 h2 { font-size:24px; margin:0; }

@media print {
	a.print { display:none }
}