/* Main Cart Table Styles */

table.cart-table{border-collapse:collapse; width:100%; margin:0;} /* Shopping cart table */

table.cart-table tr td /* Shopping cart table cell */
{
padding:8px; margin:0;
background:#fff;
border:1px solid #e5e5e5;
font:8pt Arial,sans-serif; color:#777;
text-align:center;
} 

table.cart-table tr td a{color:#777; text-decoration:none; text-transform:uppercase; outline:none;} /* Remove item link */
table.cart-table tr td a:hover{text-decoration:underline;} /* Remove item link hover state */

table.cart-table tr td input[type=text] /* Quantity text input */
{
outline:none;
font:8pt Arial, Helvetica, sans-serif; color:#777;
background:#fff;
border:1px solid #ddd;
padding:5px;
width:40px;
border-radius:5px;
}


table.cart-table tr td input[type=button] /* Checkout and empty cart buttons */
{
outline:none;
cursor:pointer;
padding:6px 10px;
font:bold 8pt Arial, Helvetica, sans-serif; color:#777;
border-radius:5px;
border:1px solid #ddd;
background:#eee;
}

table.cart-table tr td input[type=button]:hover{border-color:#ccc;}
/* You can also use IDs #empty and #checkout to style each of button in a different way */

#cart-table-header{background:#f5f5f5;} /* Head row of table */
#cart-table-header td{background:#f5f5f5; font-weight:bold;}

#cart-table-footer{background:#f5f5f5;} /* Foot row of table */
#cart-table-footer td{background:#f5f5f5;}

#cart-actions{background:transparent;} /* Table row with action buttons */
#cart-actions td{background:transparent; border:0 none; padding:10px 0px 0px 0px; text-align:left;}


.shopcartForm p{margin:0; font:9pt Arial, Helvetica, sans-serif;}
.shopcartForm a{color:#555; text-decoration:none;}
.shopcartForm a:hover{text-decoration:underline;}

#shop{
/*width:100%;*/
background:#fff;
border:1px solid #ddd;
padding:20px;
margin:0 auto;
border-radius:10px;
overflow:auto;
}

#cart{
/*width:100%;*/
background:#fff;
border:1px solid #ddd;
padding:20px;
margin:5px auto;
border-radius:10px;
overflow:auto;
font:8pt Arial, Helvetica, sans-serif; color:#777;
}

.item{
display:block;
float:left;
overflow:auto;
border:1px solid #ddd;
padding:5px;
margin:5px 5px 5px 10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.item .productName{
	font-size:18px;
	font-weight:bold;
}
.item img , .noImg{margin:0; margin-bottom:5px;width:150px; height:150px; line-height:150px; text-align:center; margin: 10px 10px 10px 0; padding: 2px; vertical-align: top; border: 1px solid #BBBBBB;}

.item button{
margin:0; padding:4px 10px;
cursor:pointer;
background:#eee;
border:1px solid #ccc;
font:bold 9pt Arial, Helvetica, sans-serif; color:#777;
text-shadow:1px 1px 0px #fff;
background:#f5f5f5;
background:-moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2));
background:-webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
background:-o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); 
background:-ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e2e2e2',GradientType=0);
background: linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0px 0px 1px #fff inset;
-webkit-box-shadow:0px 0px 1px #fff inset;
box-shadow:0px 0px 1px #fff inset;
}
.item button:hover{border-color:#aaa;}

.item p{text-align:center;}
.itemPrice{
font:bold 9pt Arial, Helvetica, sans-serif;
border-top:1px solid #ddd;
padding:5px 0px 5px 0px;
margin:10px 0px 0px 0px;
}

button::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
.checkoutForm fieldset{
	border: 1px solid #DDDDDD;
    margin-bottom: 15px;
    padding: 4px;
	background-color: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
    /*width: 460px;*/
}
.checkoutForm legend{
	background: none ;
    border: 1px #CCCCCC;
    color: #777777;
    font-weight: bold;
    padding: 2px;
	display:none;
}
.checkoutForm div{
	/*float:left;*/
}
.checkoutForm .checkoutitem{
	display: inline-block;
    margin-top: 10px;
}
.checkoutForm .checkoutitemLabel{
	display: inline-block;
    width: 120px;
}
.checkoutForm .checkoutitemLabel label , .checkoutForm .checkoutitem a{
	float:right;
	margin-right: 5px;
	color : #777777;
	font: bold 9pt Arial,Helvetica,sans-serif;
}
.checkoutForm .checkoutitemContent input,select{
	border:solid 1px #cdcdcd !important;
	width:250px;
}
.checkoutForm .checkoutitemContent{
	 display: inline-block;
    width: 300px;
}

.add-to-cart{
margin:0; padding:4px 10px;
cursor:pointer;
background:#eee;
border:1px solid #ccc;
font:bold 9pt Arial, Helvetica, sans-serif; color:#777;
text-shadow:1px 1px 0px #fff;
background:#f5f5f5;
background:-moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2));
background:-webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
background:-o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); 
background:-ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e2e2e2',GradientType=0);
background: linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0px 0px 1px #fff inset;
-webkit-box-shadow:0px 0px 1px #fff inset;
box-shadow:0px 0px 1px #fff inset;
}

.thanks_order{
	margin-bottom:15px;
	width : 450px;
}

.thanks_content{
	float:left;
	width:350px;
}