@import url("base.css");

#products .note
{
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}

#products ul
{
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

.detailed ul .info
{
	float: left;
	width: 325px;
}

.short ul .info { font-size: 85%; }

#products ul li
{
	border-top: 1px solid #8c8f8e;
	float: left;
	padding: 1em 0 0 0;
}

.detailed ul li
{
	clear: both;
	margin: 0 0 1em 0;
	width: 100%;
}

.short ul li
{
	clear: none;
	margin: 0 18px 1em 0;
	width: 232px;
	/* height: 320px; */
	height: 22em;
}

#products .sku
{
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#products .description { font-size: 90%; }

#products .dimensions, #products .weight
{
	font-size: 90%;
	font-weight: bold;
}

#content #products img.main, #content #products img.extra { margin-top: 0.5em; }

#content .detailed img.main, #content .detailed img.extra
{
	clear: right;
	float: right;
}

#content .detailed img.photo
{
	background: transparent url("images/photoshadow2.png") no-repeat;
	padding: 0 8px 8px 0;
}

#content .short img.photo
{
	background: transparent url("images/photoshadow3.png") no-repeat;
	padding: 0 6px 7px 0;
}

#content #products img.extra
{
	background: transparent url("images/photoshadow5.png") no-repeat;
	/* padding: 0 8px 8px 0; */
}

#content #products .order
{
	margin-top: 0.25em;
	text-align: center;
}

#content .detailed .order
{
	clear: right;
	float: right;
	width: 165px;
}

#content .short .order { clear: both; }
#content .order img { display: none; }	/* Get rid of weird Paypal image */

#content #products .order .price
{
	font-size: 80%;
	font-weight: bold;
}

#content .detailed .order .price { margin-bottom: 0.5em; }
#content .short .order .price, #content .short .order .add, #content .short .order .view { text-align: left; }

#content #warning
{
	clear: both;
	font-size: 90%;
	padding-top: 1.5em;
	text-transform: uppercase;
}

* html #content #warning { padding-top: 0; }

#content #warning strong { color: #f00; }
#content #warning p { text-align: center; }