body {
	margin: 0px;
	font-family: verdana, arial, sans;
}

tr.lineItem:hover {
	background-color: #DDD;
}
tr.selected {
	background-color: #D9E252;
}

ul {
	padding-left: 1.3em;
}
ul li {
	list-style-type: square;
}

div.upperPane {
	width: 220px;
	margin: 0px;
}

div.display {
	cursor: pointer;
}

#black {
	background: #000 url(../images/logo_lg.gif) no-repeat 10px 10px; height: 138px; padding: 10px; margin-bottom: 5px; text-align: right; color: #999;
}

#black a{
	text-decoration: none; color: #999; font-size: 9pt; margin-left: 5px; margin-right: 5px;
}

#black a:hover {
	text-decoration: underline;
	color: #D9E252;
}

#footer {
	border-top: 1px solid #999; 
	text-align: center; 
	color: #999; 
	font-size: 8pt;
	clear: both;
	margin-bottom: 10px;
}

#footer a{color: #999;}
#footer a:hover{color: #000;}

#fade {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100px;
	background: #000;
	z-index: 100;
}

#addItemHolder {
	font-size: 10pt;
	position: absolute;
	background: #FAFAFA;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 8px;
	width: 574px;
	z-index: 101;
}

#editItemHolder {
	font-size: 10pt;
	position: absolute;
	background: #FAFAFA;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 8px;
	width: 574px;
	z-index: 101;
}

#product_name_display {
	font-weight: bold; 
	font-size: 14pt;
	padding: 2px 1px;
}

#product_image_display {
	float: right; 
	margin-left: 10px;
	width: 350px;
	text-align: center;
}

#product_image_edit {
	width: 350px;
	text-align: center;
	background-color: #FFF;
}

#itemList {
	padding-left: 0px;
}

#itemList li {
	list-style: none; 
	background-color: #EEE; 
	border-top: 1px solid #555; 
	border-bottom: 1px solid #555; 
	margin-bottom: 10px;
}

#itemList li.notSeen {
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	color: #666;
	background-color: #fafafa;
}

div.itemImage {
	float: left;
	padding: 5px;
	width: 150px;
	text-align: center;
}

div.itemContent {
	float: left;
	padding: 5px 10px 5px 5px;
	width: 415px;
}

table.optionTable {
	font-size: 9pt;
	margin-top: 5px;
	border-collapse: collapse;
}

div.edit {
	padding: 8px;
	background-color: #FFF;
}

.showEdit {
	
}

img.floatImage {
	display: block;
	position: absolute;
	z-index: 110;
	border: 2px solid #444;
}

hr.clBoth {
	clear:both;
	border: none;
	margin: 0px;
}

#product_name_edit {
	display: none;
}

#product_description_display {
	font-style: italic;
}

input {
	font-family: verdana, arial, sans;
}

input.editText {
	border: 1px solid #777;
	font-size: 14pt;
	font-weight: bold;
	width: 170px;
}

input.editTextSm {
	border: 1px solid #777;
	font-size: 9pt;
	width: 120px;
}

input.editButton {

}

textarea {
	border: 1px solid #777;
	font-style: italic;
	width: 220px;
	height: 150px;
}

textarea.small {
	width: 200px;
	height: 100px;
}

.floatingEdit {
	position: absolute;
	z-index: 101;
	padding: 8px;
	background-color: #FFF;
	font-size: 10pt;
}

#editPane {
	height: 24px;
	background-color: #eee;
	color: #555;
	border-bottom: 1px solid #BBB;
	border-top: 1px solid #fff;
	font-size: 9pt;
	line-height: 24px;
	vertical-align: center;
}

.whiteButton {
	background-color: #FFF;
	font-weight: bold;
	cursor: pointer;
	color: #555;
	font-size: 9pt;
	padding: 5px;
	float: left;
}

div.message {
	text-align: center;
	color: #555;
	font-size: 14pt;
	padding: 30px;
	font-weight: bold;
}

#green {
	color: #999;
}

#green a {
	text-decoration: none;
	color: #555;
	font-weight: bold;
	font-size: 10pt;
}

#green a:hover {
	color: #000;
}

#floatPane {
	background: #FFF;
	position: absolute;
	padding: 8px;
	text-align: center;
}

a.cartLink {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

a.cartLink:hover {
	text-decoration: underline;
}

#cartSummary {
	width: 600px; margin:0px auto 10px auto;
}

table.cart {
	font-size: 9pt; width: 100%; border-collapse: collapse; border: 1px solid #444;
}
table.cart tr td {vertical-align: top; padding: 3px;}
table.cart tr td input {width: 24px; text-align: center; margin: 5px;}
table.cart tr td.item {width: 50%;}
table.cart tr td.amt {width: 15%;}
table.cart tr td.qty {width: 20%; text-align: center;}
table.cart tr td.qty a{text-decoration: none; color: #777;}
table.cart tr td.qty a:hover{color: #333; text-decoration: underline;}
table.cart tr.header { background: #444; color: #FFF; font-weight: bold; }
table.cart tr.header td { padding: 2px;}
table.cart tr.subtotal { font-weight: bold; }
table.cart tr.subtotal { border-top: 1px solid #AAA; }
table.cart tr.subtotal td { padding: 5px 5px 5px 0px;}
table.cart tr.subtotal td.left { text-align: right; }

#leftButtons {
	float: left;
	margin-bottom: 5px;
	padding-top: 10px;
	font-size: 10pt;
}

#rightButtons {
	float: right;
	margin-bottom: 5px;
	font-size: 10pt;
}

.checkoutBut { margin: 5px 0px 0px 5px; background-color: #D9E252; color: #000; padding: 5px; border: 1px solid #000; text-decoration:none; }
.checkoutBut:hover { color: #FFF; background-color: #444; border: 1px solid #444; }

#twoPane { width: 650px; margin: 0px auto 10px auto; font-size: 10pt;}
#twoPane div{ float: left; margin: 0px 4px 10px 4px; border: 1px solid #444; width: 315px; }
#twoPane div.login{ height: 210px;}
#twoPane div.form_message{ float: none; margin:0px 4px 4px 4px; border: 1px solid #444; width: 632px; padding:4px; background-color: #D9E252; color: #660000}
#twoPane h4{ margin: 0px; background-color: #444; color: #FFF; padding: 3px; text-align: center;}
#twoPane p{margin: 0px 0px 10px 0px; padding: 5px; font-size: 9pt;}
#twoPane form{margin: 0px 8px 0px 8px;}
#twoPane input.text{margin: 2px 2px 2px 0px; border: 1px inset #333; vertical-align: middle;}
#twoPane a.inline{font-size: 9pt; color: #777; text-decoration: none;}
#twoPane a.inline:hover{color: #000;}

#onePane { width: 650px; margin: 0px auto 10px auto; font-size: 10pt; }
#onePane div {padding: 0px; border: 1px solid #444; width: 650px;}
#onePane div h5 {margin: 0px 0px 10px 0px; background-color: #444; color:#FFF; padding: 3px; text-align: center;}
#onePane label {margin: 5px; width: 120px; text-align: right; float: left;}
#onePane input.text {margin: 2px 2px 10px 0px; padding: 3px; border: 1px inset #333; vertical-align: middle; width: 200px;}
#onePane select {margin: 2px 2px 10px 0px; border: 1px inset #333;}
#onePane span.error {margin-left: 10px; padding: 0px; color: #660000;}
#onePane div.directions {border: none; padding-left: 10px; padding-right: 10px;  margin: 10px 0px 10px 0px; font-style: italic;}
#onePane div.shippingAddress {width: 315px; float: left; margin:3px; font-size: 9.5pt;}
#onePane div.shippingAddress h4{margin: 0px 0px 5px 0px; padding: 4px; background-color: #444; color: #FFF;}
#onePane div.shippingAddress p{margin: 5px 20px 5px 20px;}
#onePane div.newAddress {clear: both; float: none; font-size: 9.5pt; width: 636px; margin: 10px 3px 3px 3px; padding-bottom: 5px;}
#onePane div.newAddress h4{margin: 0px 0px 5px 0px; padding: 4px; background-color: #444; color: #FFF;}

div.billing {float: left; margin: 10px 8px 0px 0px; width: 430px; border:1px solid #444; font-size: 9pt; height: 13em;}
div.billing h4{margin: 0px; background-color: #444; color: #FFF; padding: 3px; text-align: center;}
div.summary {float: left; margin: 10px 0px 0px 0px; width: 200px; border:1px solid #444; font-size: 9pt; height: 13em; text-align: right;}
div.summary h4{margin: 0px 0px 5px 0px; background-color: #444; color: #FFF; padding: 3px; text-align: center;}

div.billing table{font-size: 9pt; font-style: arial;}
div.billing table td.address{width: 165px; }
div.billing table td{vertical-align: top;}
.payment label {width: 90px; margin-right: 5px; text-align: right; float: left;}
.payment input {border: 1px solid #333; margin-bottom: 5px;}
.payment select {border: 1px solid #333; margin-bottom: 5px;}

div.summary label {margin: 0px 5px 0px 5px; float: left;}

div.prodBox {
	float: left;
	width: 175px;
	height: 175px;
	margin: 5px;
	border: 1px solid #000;
	text-align: center;
}

div.prodBox a.image{

}
div.prodBox a.image img{ border: none; }
div.prodBox a.text{ padding: 3px; font-size: 9.5pt; background-color: #D9E252; color: #000; bottom: 0px; display: block; width: 169px; text-align: center; text-decoration: none;}

table.subItems {border-collapse: collapse; margin-left: 10px;}
table.subItems tr td {padding: 2px;}
table.subItems td.left {width: 250px;}
table.subItems td.center {width: 80px;}
table.subItems td.right {text-align: right;}
table.subItems .grey {color: #666;}