/* name:Shopping Cart */
/* media:Screen */
/* version:0.5 */
/* comments:The shopping cart displayed on every page of 
the site. Or, displayed when it has something in it anyhow */

#cart {
	text-align: right;
	padding:1em 0 0 0 !important;
	width:200px;
	margin:0 !important;
	border-bottom:1px solid #cccccc;
	position:relative;
}
#cart h2 {
	text-align:left;
	text-transform:none;
	font-size:1em;
	/* The cart icon */
	background-image:url(../icons/ico_cart.gif);
	background-repeat:no-repeat;
	background-position:center right;
	margin:0 20px 0.8em 20px;
	width:160px;
	cursor:hand;
}
#cartView:hover {
	cursor:pointer !important;
}
#cartView:hover,
#cartView:visited {
	background-color:transparent !important;
	color:#333333 !important;
}

/* THE CART NOTICE */
#cartNotice {
	background-position:bottom center;
	border: 0;
	border-top: 1px solid #4D4D4D;
	text-align:left;
	color:#FFFFFF;
	clear:both;
	padding:0.2em 0 12px 0;
	text-align:center;
	margin:0 20px 0 20px;
	font-size:0.95em;
}
#cartNotice p {
	margin:0 0 0.2em 0;
	padding:0;
}
.noticeUpdate {
	background-image:url(../images/cart/notify_left.gif);
	display:block;
	margin-bottom:0.5em !important;
}
.noticeCheckout {
	background-image:url(../images/cart/notify_right.gif);
	display:block;
	margin-bottom:0.5em !important;
}
.noticeStandard {
	background-image:url(../images/cart/notify_flat.gif);
	display:block;
}
.noticeHide {
	/* This is just for when there is no message to 
	display, but we need to keep the notice in the page */
	display:none;
}

.cartProduct {
	float:left;
	text-align:left;
	width:100%;
	text-align:right;
	padding:0 20px 0 20px;
	width:160px;
}
.cartPrice {color:#888888;}
.cartProduct label {
	float:left;
	margin:0.3em 0 0.5em 0;
	text-align:left;
	width:130px;
	color:#666666;
	line-height:1em;
}
#cart .quantity {
	width:25px;
	font-size:1em;
	text-align:center;
	margin:0.3em 0 0.3em 0;
}
#cartTotals {
	border-top:1px solid #bbbbbb;
	float:left;
	width:160px;
	padding:0.5em 20px 0.5em 20px;
	margin:0.3em 0 0.3em 0; 
}
#cartTotals p {
	margin:0 0 0 0;
}
#cartWeightP {
	float:left;
}
#cartUpdate {float:left;}
#cartButtons {
	margin:0 0 1em 0;
	padding:0 20px 0 20px;
	float:left;
	width:160px;
	display:inline;
	border-top:1px solid #bbbbbb;
}
#cart .cartControl,
#cart .attention {
	margin-top:0.6em;
	background-color:#EBEBD8;
	background-image:none;
	font-size:1em;
	border:1px solid #999999;
	padding:0.2em 0 0.2em 0;
}
 

#boxen {
	margin:0 20px 0 20px;
}
#cart .attention {
	background-image:none;
	background-color:#C57965 !important;
	color:#ffffff;
	border-color:#B56355;
}