body
{
	background-color: #96a8c8;
	font-family: "Verdana";
}

a
{
	color: #96a8c8;
	text-decoration: none;
	font-weight: 800;
}

a:hover
{
	text-decoration: underline;
}

#hd h1
{
	font-size: 200%;
	border: 0;
	margin-bottom: 0;
}

h1
{
	font-size: 300%;
	border-bottom: 3px solid #96a8c8;
	margin-bottom: 12px;
}

h2
{
	font-size: 200%;
	border-bottom: 1px solid #96a8c8;
	margin-bottom: 6px;
}


/* Header */
#hd
{
	padding: 10px 0 10px 0;
	font-family: "Lucida";
	font-variant: small-caps;
	font-weight: 500;
}
#header-left
{
	width: 200px;
	float: left;
	color: gray;
	font-size: 21px;
	font-weight: 800;
}
#header-left div
{
	height: 170px;
}
#header-left ul 
{
	display: block;
	padding: 25px 0 0 35px;
}
#header-left a
{
	color: #282B30;
}
#header-right
{
	margin-left: 210px;
}
#header-right div
{
	height: 170px;
}
#header-right img
{
	margin: 25px 10px 0px 25px;
}
#header-right h1
{
	margin-left: 25px;
}


/* Shopping Cart Sidepanel */
#cart-holder
{
//	position: fixed;
//	float: right;
//	clear: right;
	right: 10px;
}
#cart
{
	padding: 10px;
//	overflow: scroll;
}

table.cart-table
{
	font-size: 85%;
	width: 100%;
	border-collapse: collapse;
}

table.cart-table td
{
	padding: 2px;
}

tr.header-row-top
{
	text-align: center;
	font-weight: 800;
	background-color: #ececff;
}

tr.header-row-bottom
{
	text-align: center;
	font-weight: 800;
	border-bottom: 1px solid black;
	background-color: #ececff;
}

tr.item-row-bottom
{
	border-bottom: 1px solid gray;
}

tr.subtotal-row
{
	text-align: right;
	font-weight: 800;
	border-top: 1px solid black;
	background-color: #ececff;
}

td.price-cell
{
	text-align: right;
}

td.description-cell
{
	text-align: left;
}

td.qty-cell
{
	text-align: center;
}

td.remove-cell
{
	text-align: center;
}

/* Clearing div, use after a float to make it appear contained in its parent. */
.clear {
	clear: both;
}


/* Rounded Corners */
/* Yes, I know it's fugly to use 10 nested divs for rounded corners. */
/* Yes, I know you can do it with absolute positioning. */
/* Nonetheless, I didn't. */
.rounded {
	background-color: white;
}
.rounded-tl, .rounded-tr, .rounded-bl, .rounded-br
{
	background-repeat: no-repeat;
}
.rounded-tl
{
	background-image: url("tl.png");
	background-position: 0 0;
}
.rounded-tr
{
	background-image: url("tr.png");
	background-position: 100% 0;
}
.rounded-bl
{
	background-image: url("bl.png");
	background-position: 0 100%;
}
.rounded-br
{
	background-image: url("br.png");
	background-position: 100% 100%;
}
.inner-border-left, .inner-border-right, .inner-border-top, .inner-border-bottom
{
	background-image: url("1pxblack.png");
}
.inner-border-left
{
	background-repeat: repeat-y;
	background-position: 0 0;
}
.inner-border-right
{
	background-repeat: repeat-y;
	background-position: 100% 0;
}
.inner-border-top
{
	background-repeat: repeat-x;
	background-position: 0 0;
}
.inner-border-bottom
{
	background-repeat: repeat-x;
	background-position: 0 100%;
}


/* Body */
.yui-content
{
	padding: 10px;
}


/* Items */
.item-wrapper
{
	clear: both;
/*	margin: 10px;
	padding: 10px; */
	margin: 20px;
/*	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #96a8c8; */
	border-bottom: 1px solid #96a8c8;
	padding-bottom: 5px;
}

.item-wrapper p
{
	line-height: 150%;
}

.purchase-form-wrapper
{
	padding-top: 10px;
	text-align: right;
}

.category-wrapper
{

}


/* Slideshow */
ul.slideshow
{
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 5px solid #96a8c8;
}

ul.slideshow li
{
	display: none;
}

ul.slideshow li.current
{
	display: block;
	background-color: #96a8c8;
}

ul.slideshow p.slidenav
{
	background-color: white; /* #96a8c8; */
	padding-top: 5px;
	padding-bottom: 7px;
	text-align: center;
	color: black;
}

ul.slideshow p.slidenav a
{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}


/* PayPal Button */
input[src="https://www.paypal.com/en_US/i/btn/btn_paynowCC_LG.gif"]
{
	margin: 20px auto 10px auto;
	display: block;
}