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

#demoContainer{
	width:550px;
	margin:0px auto 0 auto;
	padding:15px 0 0 49px;
	/*background:url(BGDemoContainer.png) no-repeat;*/
}
.simpleCart_shelfItem{
	float:left;
	margin:47px 10px 0 0;
	width:275px;
	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:15px;
}
.item_Description{
	font-size:11px;
	padding:5px 0;
}
.item_price{
	font:bold 12px "Helvetica", Arial, sans-serif;
	color:#000;
	visibility:hidden;
}

input.p_qty{
	width:80px;

}

.item_Size{
	font:bold 12px "Helvetica", Arial, sans-serif;
	color:#000;
	float:left;
}

.item_thumb{
	display:none;
}
.item_add{
	display:block;
	width:85px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(demoSprite.png) 0 -21px;
	bottom:8px;
	right:3px;
	float:right;
}
.item_add:hover{
	background-position:-85px -21px;
}
.item_add:active{
	background-position:-170px -21px;
}
.simpleCart_items{
	clear:both;
	float:left;
	 margin: 0 auto;
	height:170px;
	position:relative;
}
.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:#000;
	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(demoSprite.png);
	text-align:center;
	color:#000;
	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(demoSprite.png) -278px -29px;
	width:7px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px 0 0 0;
}
.itemdecrement a{
	display:block;
	background:url(demoSprite.png) -278px -35px;
	width:7px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	margin:3px 0 0 0;
}
.itemTotal{
	color:#000;
	font:bold 11px Arial, sans-serif;
	margin:8px 0 0 0;
	padding:0;
	clear:both;
}
/*
#cartTotal{
	clear:both;
	text-align:right;
	font:11px Arial, sans-serif;
	text-shadow:none;
	margin-top:23px;
	float:left;
	width:100%;
	margin-left:-65px;
	padding: 47px 72px 0px 0px;
}
*/
.simpleCart_empty{
	clear:both;
	color:#000;

}
.simpleCart_checkout{
	display:-moz-inline-box;
	display:inline-block;
	background:url(btnCheckout.png);
	width:87px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}
p{
	padding:10px 0;
}
strong{
	font-family:"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#000;
}
h3{
	margin:35px 3px 0 3px;
	font:bold 20px "Helvetica", Arial, sans-serif;
	color:#000;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 1px;
}