﻿/*Reset Style*/
body {margin:0; padding:0; line-height: 1.4em; word-spacing:1px; letter-spacing:0.2px; font: 13px Arial, Helvetica,"Lucida Grande", serif; color: #000;}
*{font-family:Arial, Helvetica,"Lucida Grande";}
/*Break Page on a element*/
/*#comments {page-break-before: always;}*/

/* Show URL */
a:link, a:visited {background: transparent; color:#333; text-decoration:none;}
a:link[href^="http://"]:after, a[href^="http://"]:visited:after {content: " (" attr(href) ") "; font-size: 11px;}
a[href^="http://"] {color:#000;} 

/*Remove Elements*/
#checkoutTabList,
#cookieNotice,
#globalNav,
#banner,
#header,
#searchNav,
.deleteButton,
#coupon,
.screen,
.rdoPaymentMethod,
#deliveryMethod,
#stepBox,
#footer,
.topBar,
.navBar,
.shoppingcartPlaceholder .item h4 {display:none;}

/*Print styling */
img {max-width: 500px;}
blockquote, ul {margin: 0;}
ul {list-style: none}
li {content: "» ";}

body #cols,
#responsiveMaster #cols{
	margin:0;
}

.panel{
	float:none;
	display:inline-block;
	vertical-align:top;
	width:30%;
}

.shoppingcartPlaceholder #propertyHeader .info,
.shoppingcartPlaceholder #propertyHeader .color,
.shoppingcartPlaceholder #propertyHeader .size,
.shoppingcartPlaceholder #propertyHeader .quantity,
.shoppingcartPlaceholder #propertyHeader .total{
	display:inline-block;
	width:15%;
	vertical-align:top;
	top:auto;
}
.shoppingcartPlaceholder #orderItemContainer .info,
.shoppingcartPlaceholder #orderItemContainer .config,
.shoppingcartPlaceholder #orderItemContainer .total{
	display:inline-block;
	width:15%;
	vertical-align:top;
}
.shoppingcartPlaceholder #orderItemContainer .config{
	width:45%;
}
.shoppingcartPlaceholder #orderItemContainer .config .color,
.shoppingcartPlaceholder #orderItemContainer .config .size,
.shoppingcartPlaceholder #orderItemContainer .config .quantity{
	display:inline-block;
	width:30%;
	vertical-align:top;
}

.invoice {
	margin-top: 170px;
}

.products tbody tr {
	display: flex;
}

.products tbody .product {
	margin: 0 0 20px;
}

.products tbody .price {
	margin: 0 50px 0 0;
}

.products tfoot {
	display: block;
	float: right;
	margin: 0 50px 0 0;
}

.products tfoot .price {
	text-align: right;
}

.products .image {
	display: inline-block;
}

.products .showTableHead {
	display: none !important;
}

/* Add some margin on the print layout*/
@page {
	margin: 0.5cm;
}
