/**********************************
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. 
**********************************/


body{
	color:#cacaca;
}
#demoContainer{
	width:855px;
	height:760px;
	margin:15px auto 0 auto;
	padding:38px 0 0 49px;
	background:url(../images/ShopBack.jpg) no-repeat;
}
.simpleCart_shelfItem{
	float:left;
	margin:10px 6px 20px 0;
	width:85px;
	height:125px;
	line-height:100%;
	position:relative;
}
.item_image{
	float:left;
	margin-right:15px;
	margin-bottom:2px;
}
.item_name{
	text-transform:uppercase;
	font:bold 10px "Helvetica", Arial, sans-serif;
	color:#fff;
	margin-top:5px;
}
.item_Description{
	font-size:11px;
	padding:5px 0;
	display:none;
}
.item_price{
	font:bold 12px "Helvetica", Arial, sans-serif;
	color:#fff;
	float:left;
	margin:6px 3px 0 0;
	position:absolute;
	bottom:13px;
	left:118px;
	display:none;
}
.item_thumb{
	display:none;
}
.item_add{
	display:block;
	width:85px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/demoSprite.png) -85px -21px;
	position:left;
	bottom:8px;
	right:3px;
}
.item_add:hover{
	background-position:0 -21px;
}
.item_add:active{
	background-position:-170px -21px;
}

.simpleCart_items{
	clear:both;
	float:left;
	margin: 16px 0px 0px 11px;
	height:120px;
	width:100%;
}


.cartHeaders{
	display:none;
}
.itemContainer{
	float:left;
	width:110px;
	text-align:center;
	margin-right:25px;
	position:relative;
	bottom:0;
}
.itemname{
	font:bold 11px "Helvetica", Arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
}
.itemthumb{
	float:none;
	margin:0;
	padding-top:5px;
}
.itemQuantity{
	float:left;
	clear:both;
	margin-top:5px;
	display:inline;
	margin-left:30px;
}
.itemQuantity input{
	background:none;
	border:none;
	width:21px;
	height:17px;
	background:url(../images/demoSprite.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;
}
.itemincrement a{
	display:block;
	background:url(../images/demoSprite.png) -278px -29px;
	width:7px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px 0 0 0;
}
.itemdecrement a{
	display:block;
	background:url(../images/demoSprite.png) -278px -35px;
	width:7px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	margin:3px 0 0 0;
}
.itemTotal{
	color:#fff;
	font:bold 11px Arial, sans-serif;
	margin:8px 0 0 0;
	padding:0;
	clear:both;
}
#cartTotal{
	clear:both;
	text-align:right;
	font:12px Arial, sans-serif;
	text-shadow:none;
	margin-top:5px;
	float:left;
	width:100%;
	margin-left:-65px;
	padding: 15px 72px -10px 0px;
}

.simpleCart_empty{
	clear:both;
	display:-moz-inline-box;
	display:inline-block;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	padding-left:665px;
	margin-right:10px;
	position:relative;
	top:25px;
}
.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:25px;
}
.simpleCart_checkout:hover{
	background-position:-87px;

}