/**********************************
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: 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;
}

/**********************************
STYLES
**********************************/
*           { margin:0; padding:0; }
body {
    background:#666666 url(../images/ect-bg-2.jpg) repeat-x left top;
    color:#555;
    text-align:center;
    font:12px/1.55em Arial, sans-serif;
    z-index:1;
}
.main {
 width:850px; background:#999999 url(../images/main-bg.jpg) repeat-y;
 margin-top: -5px;
 padding: 20px 50px 30px 50px;
 text-align:left;
 border-bottom: solid 1px #333333;
}
img.topi   {
margin:0 0 0 -10px;
border-bottom: solid 1px;
}
.products {
 width:570px;
	float:left;
}
.cart {
	width:270px;
	height:900px;
	margin-top: 50px;
	float:left;
	background:#555555;
color: #ffffff;
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */

   border: 1px #c8ebf9 solid;     /* 枠線の装飾 */
   background-color: #555555;   /* 背景色 */
}
.title_cart {
	font:20px/1.55em Arial, sans-serif;
	margin: 5px 0px 10px 10px;
}
.clear_both{
	width:900px;
	clear:both;
}
.footer {
 width:850px; background:#999999 url(../images/main-bg.jpg) repeat-y;
 padding: 10px 50px 10px 50px;
 text-align:left;
 border-bottom: solid 1px #333333;
}
.top-wrapper                        { width:960px; margin:0 auto; }

.simpleCart_empty{
	clear:both;
	display:-moz-inline-box;
	display:inline-block;
	background:url(../images/btnEmpty.png);
	width:87px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	top:15px;
	margin-left:50pt;
}
.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:15px;
	
}
#cartTotal{
	clear:both;
	text-align:right;
	font:11px Arial, sans-serif;
	text-shadow:none;
	margin-top:-10px;
	float:left;
	width:100%;
	margin-left:-65px;
	padding: 10px 30px 0px 0px;
}
.simpleCart_shelfItem{
	float:left;
	margin:47px 10px 0 0;
	width:250px;
	height:141px;
	line-height:100%;
	position:relative;
}
.simpleCart_items{
	clear:both;
	float:left;
	margin: 18px 0px 0px 11px;
	height:170px;
	position:relative;
width:300px;
}
.item_image{
	float:left;
	margin-right:15px;
}
.item_name{
	text-transform:uppercase;
	font:bold 12px "Helvetica", Arial, sans-serif;
	color:#fff;
	margin-top:15px;
}
.item_Description{
	font-size:11px;
	padding:5px 0;
}
.item_price{
	font:bold 12px "Helvetica", Arial, sans-serif;
	color:#fff;
	float:left;
	margin:6px 3px 0 0;
	position:absolute;
	bottom:13px;
	left:118px;
}
.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:8px;
	right:3px;
}
.item_add:hover{
	background-position:-85px -21px;
}
.item_add:active{
	background-position:-170px -21px;
}

.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;
}

#viewFullDemoLink{
	clear:both;
	font:10px Arial, sans-serif;
	display:block;
	padding:5px 0 0 0;
	margin-left:140px;
	color:#fff;
	text-decoration:none;
}
#viewFullDemoLink:hover{
	text-decoration:underline;
}

p{
	padding:10px 0;
}
strong{
	font-family:"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#fff;
}
h3{
	margin:35px 3px 0 3px;
	font:bold 20px "Helvetica", Arial, sans-serif;
	color:#fff;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 1px;
}