@charset "utf-8";

/* Summary CSS
/* (modified from VB)
/* © 2011 MBS Direct, LLC
/* 2011-08-09 */

/* ==================================================
=====================================================
           			O R D E R
=====================================================
================================================== */

.order-summary { margin:0 8px 8px 8px; }

/* Clearing Fix */
.order-summary:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* ==================================================
=====================================================
              O R D E R   H E A D E R
=====================================================
================================================== */

.order-summary .header {
	margin-bottom:12px;
	position:relative;
	clear:both;
}

/* Clearing Fix */
.order-summary .header:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.order-summary .header h4 {
	font-size:20px;
	font-weight:bold;
}

.order-summary .header h4.mbs-direct {
	background:url(../images/order-header-MBSDirect.gif) 0 0 no-repeat;
	height:57px;
	overflow:hidden;
	text-indent:-9999pt;
	width:400px;
}

.order-summary .header h4.bookrenter {
	background:url(../images/order-header-BookRenter.gif) 0 0 no-repeat;
	height:71px;
	overflow:hidden;
	text-indent:-9999pt;
	width:400px;
}

.order-summary .header ul {
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
	width:400px;
}

.order-summary .header ul .voucher-id {
	color:#343434;
	font-size:12px;
	font-weight:bold;
}

.order-summary .header ul .order-id {
	color:#343434;
	font-size:20px;
}

.order-summary .header ul .order-date {
	color:#343434;
	font-size:12px;
	font-weight:300;
	margin-top:3px;
}

/* ==================================================
=====================================================
               O R D E R   I T E M S
=====================================================
================================================== */

.order-summary .items {
	border:1px solid #cccccc;
	margin-bottom:20px;
}

.order-summary .items table { width:100%; }

.order-summary .items th {
	border-bottom:1px solid #e0e0e0;
	color:#343434;
	font-size:16px;
	padding:14px 12px;
}

.order-summary .items th.item-title,
.order-summary .items td.item-title { width:51%; }

.order-summary .items th.item-format,
.order-summary .items td.item-format { text-align:center; width:17%; }

.order-summary .items th.item-quantity,
.order-summary .items td.item-quantity {
	text-align:center;
	width:16%;
}

.order-summary .items th.item-price,
.order-summary .items td.item-price {
	padding-right:36px;
	text-align:right;
	width:16%;
}

.order-summary .items td {
	border-bottom:1px solid #e1e1e1;
	color:#343434;
	font-size:12px;
	padding:12px;
	vertical-align:top;
}

.order-summary .items td.item-title {
	font-weight:bold;
}

.order-summary .items td .note {
	display:block;
	font-size:11px;
	font-weight:300;
}

.order-summary .items td .note a { color:#0066cc; }

.order-summary .items td .note.backorder {
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#9d0000;
}

.order-summary .items tr:last-child td { border-bottom:none; }

/* ==================================================
=====================================================
            O R D E R   S H I P P I N G
=====================================================
================================================== */

.order-summary .shipping-method {
	float:left;
	margin:8px 0 0 0;
	width:310px;
}

.order-summary .shipping-method h5 { font-size:16px; }

.order-summary .shipping-method p {
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin-top:30px;
}

/* ==================================================
=====================================================
               O R D E R   T O T A L
=====================================================
================================================== */

.order-summary .order-total {
	border:1px solid #cccccc;
	float:right;
	width:420px;
}

.order-summary .order-total table { width:100%; }

.order-summary .order-total th {
	border-bottom:1px solid #e1e1e1;
	font-size:14px;
	padding:12px;
	text-align:right;
	width:60%;
}

.order-summary .order-total td {
	border-bottom:1px solid #e1e1e1;
	font-size:14px;
	padding:12px 36px 12px 12px;
	text-align:right;
	width:40%;
}

.order-summary .order-total tr:last-child th,
.order-summary .order-total tr:last-child td { border-bottom:none; }

.order-summary .order-total th.N {
	font-size:18px;
	font-weight:bold;
}

.order-summary .order-total td.N {
	font-size:18px;
	font-weight:bold;
}