﻿/************************** RESET all for clean shopping cart *****************/
* {
	margin:0;
	padding:0;
}

#cart table, #cart tr, #cart th, #cart td {
	margin:0;
	padding:0; 	
	border: 0 none;
	border-collapse:collapse;
}

/************************** end RESET *****************************************/

/************************************/
/*------- SHOPPING CART LAYER -------*/
/************************************/

#cartPop {
	display: block;
	z-index: 200;
	float: left;
	position: absolute;
	left: 130px;
	top: 35px;
}
html*#cartDiv {
	/**top:-85px!important;/*IE7*/
	_left:0px;/*IE6*/
}
#cart {
	border: 5px #BE9655 ridge;
	background-color: #ededed;	
	height: auto;
	position: absolute;
	visibility: hidden; /* is also being set by function 'setcookie()' in item.html */
	left: 50px; /* is also being set by function 'setcookie()' in item.html */
	top: 30px; /* is also being set by function 'setcookie()' in item.html */
}

table#cartwindow {
	width:600px;
	display:block;
}
#cartwindow tbody {
	width: 585px; 
	display: block;
}
tr#cartmain {}
tr#cartguts {
	/*height: 275px; 
	width: 600px;*/}

/************************************/
/*-------- MAIN INNER LAYER --------*/
/************************************/

table#cartcontent {
	padding:5px;
}
tr#carttitle {
	height:25px;
display:block;
height:25px;
width:600px;
}

tr#cartheader {
	border-bottom:1px solid #000000;
	font-size:11px;
	font-weight:bold;
	line-height: 20px;
	height:20px;
	margin: 10px auto;
	padding:5px 3px;
}

tr#cartmiddle {
	height:275px; /* this is the middle with the line-items, change height depending title and footer*/
	background-color:#fff;
	min-height:100px;
	display:block;
	width:585px;
}
div#scrollme {
	height:275px; /* this is the middle with the line-items, change height depending title and footer*/
	width:600px;
	display:block;
	overflow-y:scroll;	
	font-size: 11px;
}
#cart tr.cartline {
	width:580px;
}
#cart tr.cartline td {
	padding:2px 5px;
}
tr#cartfooter {
	height:50px;
display:block;
height:25px;
width:585px;
border-top:1px #000 solid;
font-weight:bold;
}
tr#cartfooter td {
	white-space:nowrap;
	text-align:left;
	padding:10px 5px;
}
tr#cartfooter td.cartcheckout {
	width:400px;
}
tr#cartfooter td.cartsubtotal {
	text-align:right;
}
table#cartgutstable {
	/*width:580px;*/		
}
td.cartitem {
	width:45%;
}
td.qtyclass input {
	width:20px;
	text-align:right;
}

/***************************/
.item-update a:link, .item-update a:visited, 
.item-plus a:link, .item-plus a:visited,
.item-minus a:link, .item-minus a:visited,
.item-remove a:link, .item-remove a:visited {
	background-color:#F7EBDB;
	color:#A02000;
	font-size:9px;
	padding:0 5px;
	text-decoration:none;
}
.item-update a:hover, .item-update a:active,
.item-plus a:hover, .item-plus a:active,
.item-minus a:hover, .item-minus a:active,
.item-remove a:hover, .item-remove a:active {
	background-color:#A30000;
	color:#FFFFFF;
}
/***************************/
tr#cartheader{}
td.cartitem{}
td.qtyclass{}
td.item-update{}
td.item-plus{}
td.item-minus{}
td.item-remove{}
td.item-price{}
<td class="item-line-price">Ext.</td>