/* Screen Styles */
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
  color: #000000;
  font-size:  14px;
	-webkit-print-color-adjust: exact !important;
  color-adjust: exact !important;
}
#page {
  background-color: #ffffff;
  display: block;
  margin: 0 auto;
  padding:  15px 15px;
  border: solid 1px #ffffff;
}
.a4 {  
  width: 21cm;
  height: 29.7cm; 
}
.a4.landscape {
  width: 29.7cm;
  height: 21cm; 
}
.a4 .company {
	width: 100%;
}
.a4 .company .logo {
	width: 30%;
}
.a4 .company .logo img {
	max-width:  240px;
	height:  auto;
}
.a4 .company .details {
	width: 70%;
	padding-left:  15px;
}
.a4 .company .details {
	margin-left:  15px;
}
.a4 .company .details .heading {
	font-size:  32px;
	font-weight:  bold;
	color:  #286090;
	padding-bottom:  5px;
	border-bottom:  2px solid #286090;
	margin-bottom:  5px;
}
.a4 .company .details .address {
	margin-bottom:  5px;
}
.a4 .company .details .contact {
	margin-bottom:  5px;
}
.a4 .company .details .website {
	margin-bottom:  30px;
}
.a4 table.products {
	width: 100%;
}
.a4 table.products, .a4 table.products th, .a4 table.products td {
	border:  1px solid #999999;
	border-collapse: collapse;
}
.a4 table.products td {
	padding:  10px 10px;
}
.a4 table.products .column-component {
	width: 30%;
  background-color: #d9edf7;
}
.a4 table.products .column-product {
	width: 50%;
  background-color: #d9edf7;
}
.a4 table.products .column-price {
	width: 20%;
  background-color: #d9edf7;
}
.a4 table.products .column-price .price {
	
}
.a4 table.products .column-price .price-new {
	
}
.a4 table.products .column-price .price-old {
	color:  #f2dede;
	text-decoration: line-through;
}