@media screen {
/**** MY ACCOUNT PRINT PAGE ****/
#orderHistoryView .customerInfoBlock, 
#orderHistoryView .billingBlock,
#orderHistoryView .shippingInfoBlock {padding:0 10px;}

#orderHistoryView .invoice-logo {display:inline-block;}
#orderHistoryView .invoice-info {display:inline-block; padding-left:15px;}
#orderHistoryView p {margin-bottom:0; line-height:20px; font-size:16px;}
#orderHistoryView p.company-name {font-weight:bold;}
#orderHistoryView .label, #orderHistoryView .text {font-size:16px; line-height:20px;}

#orderHistoryView .customerInfoBlock .right-col {text-align:center;}

#orderHistoryView .customerInfoBlock .right-col .label {float:none; display:inline-block;}
#orderHistoryView .customerInfoBlock .right-col .text {float:none; display:inline-block;}

#orderHistoryView .billingBlock .left-col h4 {text-transform:uppercase;}

#orderHistoryView .orderDetailsBlock .right-col {text-align:right;}
#orderHistoryView .orderDetailsBlock .right-col .label {float:none; display:inline-block;}
#orderHistoryView .orderDetailsBlock .right-col .text {float:none; display:inline-block;}

#orderHistoryView .invoiceTable .titles2 {font-weight:bold;}

/**** ORDER FINISH PRINT PAGE ****/
#invoiceData .customerInfoBlock, 
#invoiceData .billingBlock,
#invoiceData .shippingInfoBlock {padding:0 10px;}

#invoiceData .invoice-logo {display:inline-block;}
#invoiceData .invoice-info {display:inline-block; padding-left:15px;}
#invoiceData p {margin-bottom:0; line-height:20px; font-size:16px;}
#invoiceData p.company-name {font-weight:bold;}
#invoiceData .label, #invoiceData .text {font-size:16px; line-height:20px;}

#invoiceData .customerInfoBlock .right-col {text-align:center;}

#invoiceData .customerInfoBlock .right-col .label {float:none; display:inline-block;}
#invoiceData .customerInfoBlock .right-col .text {float:none; display:inline-block;}

#invoiceData .billingBlock .left-col h4 {text-transform:uppercase;}

#invoiceData .orderDetailsBlock .right-col {text-align:right;}
#invoiceData .orderDetailsBlock .right-col .label {float:none; display:inline-block;}
#invoiceData .orderDetailsBlock .right-col .text {float:none; display:inline-block;}

#invoiceData .invoiceTable .titles2 {font-weight:bold;}
}

@media print {
#invoiceView p, #invoiceView li, #invoiceView .right-col div {font-size:14px;}
#invoiceView h4, .titles2, .invoiceTable div, .orderDetailsBlock div {font-size:12px;}


.billingBlock .left-col {float:left; width:48%; margin-bottom:15px;}
.billingBlock .right-col {float:right; width:48%; margin-bottom:15px;}

#orderHistoryView .button {
	display: block;
	padding: 0 0 0 10px;
	background: #EAE9E9;
	background: rgba(234, 233, 233, 0.3);
	background-color: #EAE9E9;
	background-color: rgba(234, 233, 233, 0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99EAE9E9, endColorstr=#99EAE9E9);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99EAE9E9, endColorstr=#99EAE9E9)";
}
#orderHistoryView h3 {
	font-size: 130%;
	line-height: 1.8em;
}
#orderHistoryView .header {
	border-bottom: 1px solid #d2d2d2;
	margin: 15px 0 10px;
}
#orderHistoryView .recurringOrderForm {
	margin: 15px auto;
}
#orderHistoryView .customerInfoBlock {
    line-height: 1.5em;
}
#orderHistoryView .billingBlock {
    line-height: 1.5em;
}
#orderHistoryView .shippingInfoBlock {
    line-height: 1.5em;
}
.customerInfoBlock .left-col {
	float: left;
	width: 48%;
	margin-bottom: 15px;
}
.customerInfoBlock .right-col {
	float: right;
	width: 48%;
	margin-bottom: 15px;
}
.billingBlock .left-col {
	float: left;
	width: 48%;
	margin-bottom: 15px;
}
.billingBlock .right-col {
	float: right;
	width: 48%;
	margin-bottom: 15px;
}
#orderHistoryView .label {
	float: left;
	margin-right: 15px;
}
#orderHistoryView .text {
	float: left;
}
.oviewField {
	margin: 0 0 15px 0;
}
.oviewField label {
	float: left;
	line-height: 2.4em;
	width: 85px;
}
.oviewField input {
	float: left;
	width: 150px;
	margin: 0;
}
.oviewField select {
	float: left;
	width: 160px;
	margin: 0;
}
.recurringOrderForm .save-cancel-button {
	margin: 0 0 15px;
}
.rewardsView {
	margin: 15px auto;
}
.invoiceTable {
	margin-top: 15px;
}
.invoiceTable .titles2 {
	margin-bottom: 5px;
}
.invoice-id {
	float: left;
	width: 20%;
}
.invoice-items {
	float: left;
	width: 45%;
}
.invoice-price {
	float: left;
	width: 15%;
}
.invoice-qty {
	float: left;
	width: 10%;
}
.invoice-total {
	float: left;
	width: 10%;
}
.shipmentTable {
	padding: 5px 0;
	border-bottom: 1px solid #d2d2d2;
}
.shipmentTable .ship-num {
	float: left;
	width: 20%;
}
.shipmentTable .ship-info {
	float: left;
	width: 50%;
}
.shipmentTable .ship-method {
	float: left;
	width: 30%;
	text-align: right;
}
#orderHistoryView .addnew-rma-button {
	float: right;
	margin-top: 15px;
}
.orderDetailsBlock .left-col {
	float: left;
	width: 48%;
	margin-top: 15px;
}
.orderDetailsBlock .right-col {
	text-align: right;
    line-height: 2.3em;
	float: right;
	width: 38%;
	margin-top: 15px;
}
.orderDetailsBlock .right-col .label {
	font-weight: bold;
	float: left;
	width: 150px;
}
.orderDetailsBlock .right-col .text {
	float: left;
	float: right;
	width: 100px;
}





/* ORDER HISTORY */
#orderHistoryView p, #orderHistoryView .shippingInfoBlock {font-size:14px;}
#orderHistoryView h4 {font-size:16px;}
#orderHistoryView .billingBlock p, #orderHistoryView .customerInfoBlock p {margin-bottom:0;}

#orderHistoryView .shippingInfoBlock .label {font-weight:bold;}

#orderHistoryView .invoiceTable {font-size:14px;}
#orderHistoryView .invoiceTable .titles2 {font-size:14px;}

#orderHistoryView .invoice-logo {display:inline-block; vertical-align:middle; width:30%; max-width:100px;}
#orderHistoryView .invoice-logo img {width:100%; height:auto;}
#orderHistoryView .invoice-info {display:inline-block; vertical-align:middle; /*width:70%;*/}
#orderHistoryView .invoice-info {text-align:center;}
/*#orderHistoryView .invoice-info p {font-size:12px;}*/
#orderHistoryView .invoice-info .company-name {font-size:24px; font-weight:bold;}



#orderHistoryView .customerInfoBlock .right-col {font-size:14px;}

.customerInfoBlock .right-col.smaller-col {width:40%;}
.customerInfoBlock .left-col.bigger-col {width:60%;}


/* INVOICE PAGE */
#checkoutStep4 p, #checkoutStep4 .shippingInfoBlock {font-size:14px;}
#checkoutStep4 h4 {font-size:16px; text-align:left;}
#checkoutStep4 .billingBlock p, #checkoutStep4 .customerInfoBlock p {margin-bottom:0; margin-top:0; text-align:left;}

#checkoutStep4 .customerInfoBlock .left-col.bigger-col {text-align:left;}
#checkoutStep4 .customerInfoBlock .invoice-info p {text-align:center;}

#checkoutStep4 .shippingInfoBlock .label {font-weight:bold;}

#checkoutStep4 .invoiceTable {font-size:14px;}
#checkoutStep4 .invoiceTable .titles2 {font-size:14px;}

#checkoutStep4 .invoice-logo {display:inline-block; vertical-align:middle; width:30%; max-width:100px;}
#checkoutStep4 .invoice-logo img {width:100%; height:auto;}
#checkoutStep4 .invoice-info {display:inline-block; vertical-align:middle; /*width:70%;*/}
#checkoutStep4 .invoice-info {text-align:center;}
/*#checkoutStep4 .invoice-info p {font-size:12px;}*/
#checkoutStep4 .invoice-info .company-name {font-size:24px; font-weight:bold;}

#checkoutStep4 .customerInfoBlock .right-col {font-size:14px;}




/**** MY ACCOUNT PRINT PAGE ****/
#orderHistoryView .customerInfoBlock, 
#orderHistoryView .billingBlock,
#orderHistoryView .shippingInfoBlock {padding:0 10px;}

#orderHistoryView .invoice-logo {display:inline-block;}
#orderHistoryView .invoice-info {display:inline-block; padding-left:15px;}
#orderHistoryView p {margin-bottom:0; line-height:20px; font-size:16px;}
#orderHistoryView p.company-name {font-weight:bold;}
#orderHistoryView .label, #orderHistoryView .text {font-size:16px; line-height:20px;}

#orderHistoryView .customerInfoBlock .right-col {text-align:center;}

#orderHistoryView .customerInfoBlock .right-col .label {float:none; display:inline-block;}
#orderHistoryView .customerInfoBlock .right-col .text {float:none; display:inline-block;}

#orderHistoryView .billingBlock .left-col h4 {text-transform:uppercase;}

#orderHistoryView .orderDetailsBlock .right-col {text-align:right;}
#orderHistoryView .orderDetailsBlock .right-col .label {float:none; display:inline-block;}
#orderHistoryView .orderDetailsBlock .right-col .text {float:none; display:inline-block;}

#orderHistoryView .invoiceTable .titles2 {font-weight:bold;}

/**** ORDER FINISH PRINT PAGE ****/
#invoiceData .customerInfoBlock, 
#invoiceData .billingBlock,
#invoiceData .shippingInfoBlock {padding:0 10px;}

#invoiceData .invoice-logo {display:inline-block;}
#invoiceData .invoice-info {display:inline-block; padding-left:15px;}
#invoiceData p {margin-bottom:0; line-height:20px; font-size:16px;}
#invoiceData p.company-name {font-weight:bold;}
#invoiceData .label, #invoiceData .text {font-size:16px; line-height:20px;}

#invoiceData .customerInfoBlock .right-col {text-align:center;}

#invoiceData .customerInfoBlock .right-col .label {float:none; display:inline-block;}
#invoiceData .customerInfoBlock .right-col .text {float:none; display:inline-block;}

#invoiceData .billingBlock .left-col h4 {text-transform:uppercase;}

#invoiceData .orderDetailsBlock .right-col {text-align:right;}
#invoiceData .orderDetailsBlock .right-col .label {float:none; display:inline-block;}
#invoiceData .orderDetailsBlock .right-col .text {float:none; display:inline-block;}

#invoiceData .invoiceTable .titles2 {font-weight:bold;}

}