﻿#checkout 
{
	width: 100%;
}

#checkoutButton {
	background: url(http://www.asiability.us/images/checkout_button_hi.gif) no-repeat left top!important;
}

#basketTable 
{
	width: 100%;
	_width: 99%;
	border-collapse: collapse;
}

#basketTable th 
{
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	background-color: #515791;
	color: White;
	padding: 2px 4px;
	vertical-align: top;
	border-left: solid 1px white;
}

#basketTable th a 
{
	color: White;
}

#basketTable th.ascending 
{
	padding-left: 16px;
	background: #515791 url(http://www.asiability.us/images/sortasc.gif) no-repeat 2px 3px;
}

#basketTable th.descending 
{
	padding-left: 16px;
	background: #515791 url(http://www.asiability.us/images/sortdesc.gif) no-repeat 2px 3px;
}

#basketTable td 
{
	vertical-align: middle;
	padding: 2px 4px;
	background-color: #f5f5f9;
	border-left: solid 1px white;
	border-bottom: solid 1px white;
}

#basketTable td.price input 
{
	display: none;
}

#basketTable td.image
{
	vertical-align: top;
	padding: 2px 2px 2px 0;
	background-color: White;
	border-bottom: solid 1px #f8f8f8;
}

#basketTable td.name a
{
	font-size: 110%;
	text-decoration: none;
}

#basketTable td.quantity input 
{
	width: 48px;
}

#basketTable td.quantity input.newvalue 
{
	background-color: #ccffcc!important;
}

#basketTable td.subtotal, #basketTable td.subtotalvalue
{
	border-top: solid 2px white;
	border-bottom: solid 2px white;
	background-color: #d8daef;
}

#basketTable td.subtotal { text-align: right; }

#basketTable td.total, #basketTable td.totalvalue
{
	background-color: #515791;
	color: White;
	font-weight: bold;
	font-size: 110%;
}

#basketTable td.total { text-align: right; }

#basketTable td.newvalue 
{
	color: #009900;
	font-weight: bold;
}

#basketTable td.nodelivery 
{
	background-color: #ffee77;
	text-align: center;
	color: Red;
	font-weight: bold;
}

#basketTable td.newtotalvalue
{
	background-color: #6da66d!important;
}

#basketTable td.subtotal span 
{
	float: left;
	font-size: 80%;
	color: #515791;
}

#updateButton 
{
	background-color: #b3d9b3;
	border: solid 1px #13b213;
	color: black;
	margin: 6px 0 0 0;
	font-weight: bold;
	padding: 1px;
}

#cancelButton 
{
	display: block;
	background-color: White;
	text-decoration: underline;
	border: none;
	text-align: left;
	padding: 0;
	color: #555555;
	display: none;
	cursor: pointer;
}

div.checkoutCommands a 
{
	display: block;
	float: right;
	margin: 8px 0 0 0;
	font-size: 120%;
}

input.disabled 
{
	border: solid 1px #cccccc!important;
	background-color: #dddddd!important;
	color: #aaaaaa!important;
	padding: 1px;
}

#basketTable td.delete span span 
{
	display: none;
}

#basketTable td.delete
{
	text-align: center;
}

#basketTable td.delete span 
{
	display: block;
	width: 29px;
	height: 18px;
	background: url(http://www.asiability.us/images/delete.gif) no-repeat left top;
	cursor: pointer;
}

#basketTable tr.deleted td 
{
	background-color: #f8f8f8!important;
	color: #dddddd!important;
}

#basketTable tr.deleted td a
{
	color: #dddddd!important;
}

#basketTable tr.deleted td.delete span 
{
	display: none;
}

#basketTable tr.deleted td input, #basketTable tr.deleted td input.newvalue 
{
	background-color: #eeeeee!important;
	border: solid 1px #eeeeee!important;
	color: #aaaaaa!important;
}

#basketTable tr.deleted td img 
{
	filter: alpha(opacity=30);
	opacity: 0.3;
	moz-opacity: 0.3;
}

#worldpay {
	padding: 3px 1px;
}

#worldpay img
{
	border: none;
}

#worldpay 
{
	margin-bottom: 8px;
}

#worldpay p 
{
	text-align: center;
}

#worldpay p.text 
{
	text-align: left;
	font-size: 80%;
	margin-bottom: 0px;
}

div.basketConfirm {
	clear: both;
}

div.basketConfirm table {
	width: 320px;
	margin: 10px 0 1s0px 0;
}

div.basketConfirm table td {
	vertical-align: middle;
	padding: 2px 4px;
	background-color: #f5f5f9;
	border-left: solid 1px white;
	border-bottom: solid 1px white;
}

div.basketConfirm table tr+tr+tr td {
	background-color: #515791;
	color: White;
	font-weight: bold;
	font-size: 110%;
}

div.basketConfirm table tr td+td {
	text-align: right;
}

p.proceedButton {
	text-align: right;
}

p.proceedButton input {
	border: none;
	background: transparent;
	width: 260px;
	text-decoration: underline;
	cursor: pointer;
	color: #c60b28;
	font-size: 120%;
	text-align: right;
	font-weight: bold;
}


