@import url("core/basic.css");
@import url("core/design.css");

@media screen
{
	img.productImage { float: left; margin-right: 20px; border: 1px solid #DDE7F5; }
	p.productPrice { font-weight: bold; }

	ul.productList { position: relative; width: 500px; }
	ul.productList li { position: relative; width: 492px; }
	ul.productList li img.removeProduct { position: absolute; z-index: 999; top: 10px; right: 10px; }

	table#orderTable { position: relative; width: 100%; background: url(/images/list-bg.gif) bottom repeat-x; border: 1px solid #E3EAF5; }
	table#orderTable .description { width: 30%; }
	table#orderTable th { padding: 2px 4px 2px 4px; text-align: left; font-weight: bold; border-bottom: 1px solid #eee; }
	table#orderTable td { padding: 2px 4px 2px 4px; border-bottom: 1px solid #eee; }
	table#orderTable .total { text-align: right; font-weight: bold; }
	
	a.button { position: relative; padding: 2px 4px 2px 4px; text-decoration: none; display: block; background-color: #fff; border: 1px solid #E3EAF5; float: left; margin: 0 2px 10px 0; }
	p.address { padding: 10px; border: 1px solid #E3EAF5; width: 50%; }
}