/**********************************
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;
	background-color:#000000;
	background-image:url(/images/background.jpg);
}
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;
}
/**/
/**********************************
BOB'S STYLES
**********************************/
.container {
	margin: 0 auto;
	width: 960px;
}
.header {
	width: 1000px;
	margin: 10px auto;
	margin-bottom: 10px;
}
.content {
	background: #FFF;
	border: 1px solid #FEFDFD;
	padding: 20px;
}
.sub-line {
	font-style: italic;
	font-weight: bold;
}
span.accent {
	font-weight: bold;
	text-decoration: underline;
}
.lense-group {
	width: 800px;
	margin: 20px auto;
	margin-bottom: 20px;
}
.footer {
	background: #444;
	color: #FFF;
	padding: 10px;
	margin-bottom: 20px;
}
a.thankyou-button {
	margin-top: 15px;
}
a.thankyou-button div.button {
	background: #666; 
	border: 1px solid #CCC; 
	border-radius: 7px; 
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	width: 200px; 
	color: #FFF; 
	font-weight: bold;
}
.clear {
	clear: both;
}
/**/
/**********************************
DEMO STYLES
**********************************/
#demoContainer{
}
.simpleCart_shelfItem{
	float:left;
	margin:20px 25px 0 25px;
	padding: 10px;
	position:relative;
	border: 1px solid #CCC;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.item_image{
	clear: both;
}
.item_name{
	text-transform:uppercase;
	font:bold 12px "Helvetica", Arial, sans-serif;
	margin-top:15px;
}
.item_Description{
	font-size:11px;
}
.item_price{
	font:bold 18px "Helvetica", Arial, sans-serif;
	float:left;
	margin: 10px 0 0 0;
}
.item_thumb{
	display:none;
}
.item_add{
	display:block;
	width:85px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/demoSprite.png) 0 -21px;
	position:absolute;
	bottom:10px;
	right:10px;
}
.item_add:hover{
	background-position:-85px -21px;
}
.item_add:active{
	background-position:-170px -21px;
}
.simpleCart_items{
	float:left;
	margin:10px 0 0 0;
	padding: 10px;
	position:relative;
	border: 1px solid #CCC;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width: 97%;
}
.cartHeaders{
	display:none;
}
.itemContainer{
	float:left;
	width:110px;
	text-align:center;
	margin: 7px;
	position:relative;
	bottom:0;
}
.itemname{
	font:bold 11px "Helvetica", Arial, sans-serif;
	color:#ffffff;
	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:#ffffff;
	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{
	font:bold 11px Arial, sans-serif;
	padding:0;
	clear:both;
}
#cartTotal{
	background: #FCFCFC;
	border: 1px solid #CCC;
	clear:both;
	margin: 20px 0;
	padding: 10px;
	font:12px Arial, sans-serif;
	text-shadow:none;
}
.simpleCart_empty{
	clear:both;
	display:-moz-inline-box;
	display:inline-block;
	font-size:13px;
	text-decoration:none;
	margin: 8px 8px 0 0;
}
.simpleCart_checkout{
	display:-moz-inline-box;
	display:inline-block;
	background:url(../images/btnCheckoutSmall.png);
	width:108px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	float: right;
}
strong{
	font-family:"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
}
h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
h1{
	font-size: 30px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 20px;
}
p{
	margin:16px 0 0 0;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.25em;///
}
a {
	color: #999;
}

.sold-out {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.sold-out p.item_Description {
	font-size: 110%;
	color: red;
	font-weight: bold;
	margin: 0;
}
.sold-out a.item_add{
	display: none;
}
