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

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: 0px; padding: 0px; font-size: 100%; background: transparent;
}
body { line-height: 1px;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}

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

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

/ tables still need ‘cellspacing=”0”’ in the markup /
table { 
}

/**********************************
DEMO STYLES
**********************************/
body{
		background:#ffffff;
	font:16px "Helvetica", sans-serif;
	color:#cacaca;
}

#contContainer{
	width:850px;
	height:100%;
	margin:0 0 0 0;
	}

#demoContainer{
	width:850px;
	padding:0px 0px 0px 0px;
	background: #f0ec6f;
    height:500px;
    margin:0 auto 0 auto;
   
    }
	
	.cartier{
	display:none; 
	background-color:#222;
	width:850px;
    height:250px;
	position:relative;
	margin:0px auto 0px auto;
	
	}
	.simpleCart_items{
		position:relative;
		left:0px;
	width:250px;
    height:250px;
	top: 30px;
	margin:0px auto 0px 0px;
	padding:20px 20px 20px 20px;

}

.papa{
	width:840px;
	text-align:left;
	height:300px;
	position:relative;
	padding:5px 5px 5px 5px;
	
	}
.rara{
	width:840px;
	height:260px;
	position:relative;
	padding:5px 11px 5px 11px;
	background: #ffffff;
	}


.simpleCart_shelfItem{
	margin:0px 10px 10px 10px;
	width:250px;
	height:250px;
	line-height:100%;
	position:relative;
	padding:5px 5px 5px 30px;
	background: #ffffff;

}
.menublah{
	float:left;
	margin:0px 10px 0px 10px;
	width:600px;
	height:70px;
	line-height:100%;
	position:relative;
	padding:5px 5px 5px 5px;
}


a {
	font:bold 11px "Helvetica", sans-serif;
	color:#960414;
	text-transform:uppercase;
}

.monkey{
	font:bold 8px "Helvetica", sans-serif;
	color:#777777;
	text-transform:uppercase;
}

.item_image{
	float:left;
	margin-right:0px;
    width:150px;
    height:150px;
	padding-right:10px;
	padding-left:8px;
}
.item_name{
	text-transform:uppercase;
	font:16px "Helvetica", sans-serif;
	color:#666;
	margin-top:5px;
	margin-left:14px;
}
.item_Description{
font:10px "Helvetica", sans-serif;
	color:#666;
	font-size:11px;
	padding:5px 0px;
}

.Description{
	font:10px "Helvetica", sans-serif;
	color:#666;
	font-size:11px;
	margin: 5px 0px;

}
.item_price{
	font:bold 12px "Helvetica", sans-serif;
	color:#993311;
	float:left;
	margin:6px 3px 0px 0px;
	position:relative;
    margin-right:15px;
    
}
.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:relative;
}
.sitem_size 
{
	width:85px;
    position:relative;
   margin-left:0px;

}


.me  {
	font:10px "Helvetica", sans-serif;
	color:#666;
margin-left:0px;
}

.item_size 
{
	width:85px;
    position:relative;
	Top:0px;
    margin-left:0px;

}

.item_add:hover{
	background-position:-85px -21px;
}
.item_add:active{
	background-position:-170px -21px;
}

.cartHeaders{
	display:none;
}
.itemContainer{
	width:240px;
	text-align:center;
	padding-top:40px;
	position:relative;
	bottom:0px;
}
.itemname{
    position:absolute;
left:50px;
top:10px;
	font:bold 11px "Helvetica", sans-serif;
	color:#777777;
	text-transform:uppercase;
}

.stuffer{
	position:relative;
	width: 290px;
	left:20px;
	font: 14px "tahoma", sans-serif;
	color:#777777;
	text-align:justify;
	
}

.enlarger{
	font:bold 11px "Helvetica", sans-serif;
	color:#910909;
	}
.itemSize   
{    
position:absolute;
left:200px;
top:10px;
font:bold 11px "Helvetica", sans-serif;
color:#777777;

}



.seesaw {
	font:16px "Helvetica", sans-serif;
	color:#CCC;
	position:absolute;
	left:40px;
	top: 10px;
	}
.itemthumb{
	margin:0px;
	padding-top:0px;
    width:50px;
    height:50px;
    position:absolute;
left:0px;
top:0px;
}
.itemQuantity{
    position:absolute;
left:155px;
top: 0px;
	clear:both;
	margin-top:0px;
	display:block;
	margin-left:5px;
}
.itemQuantity input{
    position:absolute;
left:135px;
top:0px;
	background:none;
	border:none;
	width:41px;
	height:17px;
	background:url(images/demoSprite.png);
	text-align:center;
	color:#fff;
	font:bold 11px Arial, sans-serif;
	padding:0 9px;
	margin:5px 5px 0px 0px;
	vertical-align:top;
	padding-top:3px;
}
.itemQuantity input:focus{
	outline:none;
}
.itemincrement a{
    position:absolute;
left:280px;
top:0px;
	background:url(images/demoSprite.png) -278px -29px;
	width:7px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	margin:5px 0px 0px 0px;
}
.itemdecrement a{
   position:absolute;
left:280px;
top:15px;
	background:url(images/demoSprite.png) -278px -35px;
	width:7px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	margin:3px 0px 0px 0px;
}
.itemTotal{
   position:absolute;
left:360px;
top:7px;
	color:#EEE;
	font:bold 11px Arial, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0;
	clear:both;
}
.itemremove  
{
  position:absolute;
font:bold 10px "Helvetica", sans-serif;
color:#EEE;
left:255px;
top:10px;
text-decoration: none;
}

.itemremove A:link {text-decoration: none; color:#ff0000;}
.itemremove A:visited {text-decoration: none; color:#ff0000;}
.itemremove A:active {text-decoration: none; color:#ff0000;}
.itemremove A:hover {text-decoration: underline; color:#ff0000;}

#cartTotal{
	font:16px "Helvetica", sans-serif;
	color:#CCC;
	text-shadow:none;
	position:absolute;
	top:10px;
	right:20px;


}
#viewFullDemoLink{
	clear:both;
	font:10px Arial, sans-serif;
	display:block;
	padding:5px 0px 0px 0px;
	margin-left:140px;
	color:#fff;
	text-decoration:none;
}
#viewFullDemoLink:hover{
	text-decoration:underline;
}
.simpleCart_empty{
	clear:both;
	display:-moz-inline-box;
	display:inline-block;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	position:relative;
}
.simpleCart_checkout{
position: absolute;
right:10px;
bottom:20px;
}
p{
	padding:10px 0px;
}
strong{
	font-family:"Helvetica", sans-serif;
	font-weight:normal;
	color:#fff;
}
h3{
	margin:35px 3px 0px 3px;
	font:bold 20px "Helvetica", sans-serif;
	color:#fff;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 1px;
    }
    
    #blanket {
background-color:#ff0000;
opacity: 0.65;
filter:alpha(opacity=65);
position:fixed;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}


#headerbanner {
background-color:#ffffff;
position:fixed;
top:0px;
left:0px;
width:100%;
height:150px;
z-index: 9002;
}
.clickmeplease 
{

font:bold 10px "Helvetica", sans-serif;
color:#000000;
text-decoration: none;
}

.clickmeplease A:link {text-decoration: none; color:#000000;}
.clickmeplease A:visited {text-decoration: none; color:#000000;}
.clickmeplease A:active {text-decoration: none; color:#000000;}
.clickmeplease A:hover {text-decoration: underline; color:#000000;}

.tit  {
	color:#fff;
	font:bold 18px Arial, sans-serif;
    padding:10px;
text-align:center;
}
.fit  {
	color:#fff;
	font: 12px Arial, sans-serif;
    padding:10px;
}

.tracklisting  {
	color:#fff;
	font: 12px Arial, sans-serif;
    padding:10px;
}
.tableme  {
	color:#fff;
	font:bold 12px Arial, sans-serif;
    top:100px;
    border: 1px;
    width:600px;
    height:300px;
    background-color:#111111;
margin-left: auto;
margin-right: auto;
padding:10px;
}
.aboutus{
	text-align:center;
	width:850px;
	margin-left: auto;
	margin-right: auto;
	font:10px "Helvetica", sans-serif;
	color:#666;
	}



.popUpDiv {
background:#CCC;
position:fixed;
z-index: 9001;
top:150px;
width:850px;
vertical-align:middle;
margin:0px;
padding:0px;

}

#layer4{
	display: none;
	padding: 0px;
	margin: 0px;

	}
.dobs{
	padding: 0px;
	margin: 0px;
	}
#layer2{
	display: none;
	padding: 0px;
	margin: 0px;
	}
	
#layer3{
	display: none;
	padding: 0px;
	margin: 0px;
	}

.stuff{
	font:bold 14px "Helvetica", sans-serif;
color:#000000;
text-decoration: none;
	}
	.hero{
	font:bold 16px "Helvetica", sans-serif;
color:#000000;
text-decoration: none;
padding:10px;
margin-left: 90px;
	}

#close {
	float: right;
}