/**********************************
Here lies the CSS for the simpleCart(js) Official Demo.
You don't need any of this for simpleCart(js) to work.
PLEASE USE YOUR OWN STYLESHEET AS WE WILL NOT OFFER SUPPORT FOR ANY STYLING ISSUES. 
**********************************/


/**********************************
RESETS 
(Commented out since its already in the simplecartjs.com global.css, 
but since I know some of you will just use this stylesheet I'm leaving 
it in here, please uncomment the resets if you intend on using 
this stylesheet. Otherwise you may run into unexpected results. Thanks!)
**********************************/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}

/ remember to define focus styles! /
:focus { outline: 0;
}

/ remember to highlight inserts somehow! /
ins { text-decoration: none;
}
del { text-decoration: line-through;
}

/ tables still need ‰Û÷cellspacing=‰Û?0‰Û?‰Ûª in the markup /
table { border-collapse: collapse; border-spacing: 0;
}
*/
/**********************************
DEMO STYLES
**********************************/
#cartContainer{
	width:590px;
	height:900px;
	padding:0px 0 0 0px;
	margin:0 auto;
}
#emptyCartContainer{
	position:relative;
	text-align: right;
	top:-10px;
	width:200px;
	height:20px;
	z-index: 2;
}
#purchaseContainer{
	position:relative;
	top:-10px;
	width:200px;
/*	height:120px; */
	}
#purchaseButtonContainer{
	text-align: center;
	vertical-align: top;
	padding-bottom: 6px;
	visibility: none;
}
#checkoutContainer{
	width:100px;
	height:100px;
	background-color: green;
	padding:0px 0 0 0px;
	text-align: right;
}
.simpleCart_shelfItem{
	float:left;
	margin:10px 20px 0 0;
	width:270px;
	height:141px;
	line-height:100%;
	position:relative;
}
.item_image{
	float:left;
	margin-right:15px;
}
.item_name{
	/* text-transform:uppercase; */
	font:bold 12px "Helvetica", Arial, sans-serif;
	color:#000;
	margin-top:10px;
}
.item_Description{
	font-size:11px;
	padding:0px 0;
	margin-top:-10px;
}
.item_price{
	font:bold 12px "Helvetica", Arial, sans-serif;
	color:#000;
	float:left;
	margin:6px 3px 0 0;
	position:absolute;
	bottom:13px;
	left:118px;
}
.item_onSale{
	color:#ff6d1e;
}
.item_thumb{
	display:none;
}
.item_productid{
	display:none;
}
.item_add{
	display:block;
	width:85px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/simplecartjsSprite.png) 0 -21px;
	position:absolute;
	bottom:8px;
	right:3px;
}
.item_add:hover{
	background-position:-85px -21px;
}
.item_add:active{
	background-position:-170px -21px;
}
.simpleCart_items{
	float:left;
	margin: 0px 0px 0px 0px;
	position:relative;
	vertical-align: top;
}
.cartHeaders{
	display:none;
}
.itemContainer{
	float:left;
	position:relative;
	left: 0px;
	width:200px;
	height: 38px;
	text-align:center;
	border-top-style:solid;
	border-top-color: #e2e2e2;
	border-top-width: thin;
	bottom:0;
}
.itemthumb{
	float:left;
	position: absolute;
	left: 0px; 
	top: -2px; 
	margin:0;
	padding-top:0px;
}
.itemname{
	float:left;
	position: absolute;
	top: 2px;
	left: 22px;
	color:#000;
}
.itemTotal{
	position: absolute;
	right: right;
	top: 2px;
	left: 160px;
}
.itemdecrement a{
	position: absolute;
	top: 15px;
	left: 40px;
	display:block;
	background:url(/images/cart_minus.png);
	width:20px;
	height:22px;
    text-indent:-9999px; 
}
.itemQuantity{
	position: absolute;
	top: 18px;
	left: 62px;
}
.itemincrement a{
	position: absolute;
	top: 15px;
	left: 74px;
	display:block;
	background:url(/images/cart_plus.png);
	width:20px;
	height:22px;
	text-indent:-9999px;
}
.itemQuantity input{
	background:none;
	border:none;
	width:21px;
	height:17px;
	/*background:url(/images/simplecartjsSprite.png);
	text-align:center;
	color:#fff;
	font:bold 11px Arial, sans-serif;
	padding:0 9px;
	margin:0 5px 0 0;
	vertical-align:top;
	padding-top:3px; */
}
.itemQuantity input:focus{
	outline:none;
}

#cartTotal{
	clear:both;
	text-align:right;
	font:11px Arial, sans-serif;
	text-shadow:none;
	margin-top:23px;
	float:left;
	width:100%;
	margin-left:-65px;
}
.simpleCart_empty{
	clear:both;
	display:-moz-inline-box;
	display:inline-block;
	font-size:11px;
	text-decoration:none;
	margin-right:10px;
	position:relative;
	top:0px;
}
.simpleCart_checkout{
	display:-moz-inline-box;
	display:inline-block;
	background:url(/images/btnCheckout.png);
	width:87px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	top:0px;
}
.simpleCart_checkoutWithPayPal{
	display:-moz-inline-box;
	display:inline-block;
	background:url(/images/button_paypal.png);
	width:125px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	vertical-align: middle;
	top:0px;
}
.simpleCart_checkoutWithGoogle{
	display:-moz-inline-box;
	display:inline-block;
	background:url(/images/button_Google.png);
	width:125px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	vertical-align: middle;
	top:0px;
}
.simpleCart_checkoutWithPurchaseOrder{
	display:-moz-inline-box;
	display:inline-block;
	background:url(/images/button_PO.png);
	width:125px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	vertical-align: middle;
	top:0px;
}