/*
CSS Stylesheet for controlling the display of the elements in WSHein.Web.UserControls.ProductProfile.
*/
.ProductProfile
{
	margin: 0;
	padding: 0;
	/* 
		the ProductProfile.Width property of the control allows the width of this style to be set inline
	*/

	vertical-align:top;
	clear: left;
	display:block;


	font-size: 12px;
	font-weight: normal;
	line-height: 125%;


	/* hack to keep the side image (trailingSquares) from disappearing on products w/o many details */
	border: solid 0px red;
	border-top: solid 0px #eee;
}
.ProductProfile .MainColumn
{
	width: auto;
	display:block;
	border: solid 0px red;
}
.ProductProfile .SideColumn
{
	margin: 0;
	padding: 0;
	width: 170px;

	padding-left: 5px;
	margin-left: 10px;
	float: right;
	display:block;
	border: solid 0px red;
/*
	background-color: #f6f6f6;
	border: solid 2px #eee;
*/
}

/********************************/
/**  column                    **/
/********************************/
IMG.ProductImage
{
	visibility:visible;
/*
	display:none;
	width: auto;
	float: left;
	margin-bottom: 5px;
*/
	margin-right: 10px;
	padding: 0px;
	border: solid 2px #566D96;
}
a.ProductName, a.ProductName:visited, a.ProductName:active
{
	font-size: 14px;
	font-weight: bold;
	line-height: 125%;
	color: #000;
	border: 0;
}
a.ProductName:hover
{
	
}
.Author
{
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
}

/********************************/
/**  Side Column Lists         **/
/********************************/
DL 
{
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
DL DT 
{
	padding: 0px;
	font-weight: bold;
	font-size: 12px;

/*
	background-color: #556C95;
	color: #BED8EF;
*/
	border-bottom: dotted 1px black;
	border-bottom: solid 1px #222;
}
DL DD 
{
	margin: 0;
	padding: 1px;
	padding-left: 16px;

	text-transform:capitalize;
	text-transform:uppercase;

	background-image: url(../images/0200_small_arrow_in_box.gif);
	background-position: 0px 4px;
	background-repeat:no-repeat;

	font-size:11px;
	line-height: 150%;
}
DL DD A, DL DD A:visited, DL DD A:active
{
	font-weight: normal;

}
DL DD A:hover
{
}


/********************************/
/**     pricing table          **/
/********************************/
.ProductProfile TABLE.pricing
{
/*
	table-layout:fixed;
*/
	border-collapse: collapse;
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
	clear:both;
	width: 600px;
}
.ProductProfile TABLE.pricing TR
{
}
.ProductProfile TABLE.pricing THEAD TR TD
{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #333;
}
.ProductProfile TABLE.pricing TBODY TR TD 
{
	font-size: 12px;
	vertical-align: middle;
	border: solid 0px #333;
	padding-bottom: 3px;
}


.ProductProfile TABLE.pricing TR TD.desc
{
	width: auto;
}
.ProductProfile TABLE.pricing TR TD.ind
{
	width: 50px;
	text-align: center;
}
.ProductProfile TABLE.pricing TR TD.price
{
	width: 65px;
	text-align: right;
}
.ProductProfile TABLE.pricing TR TD.order
{
	width: 85px;
	text-align: right;
}

.ProductProfile TABLE.pricing TR TD.order INPUT,
.ProductProfile TABLE.pricing TR TD.order SELECT
{
	color: black;
	margin: 0px;
	padding: 0px;
	background-color: white;
	border: solid 1px #999;
	vertical-align: middle;
}

/* this is the btnAddToCart button */
.ProductProfile TABLE.pricing TR TD.order INPUT 
{
	width: 80px;
	background-color: #eef0f4;
	background-color: #9B1A0A;
	color: White;
	font-weight: bold;
}



/********************************
	SHOPPING CART
********************************/
.ShoppingCartItem 
{
	font-size: 12px;
	font-weight: normal;
	line-height: 125%;
}
.ShoppingCartItem .Price
{
	width: 275px;
	padding: 10px;

	margin: 2px 0px;

	display: block;
	float: left;

	border: solid 2px #566D96;
	background-image: url(../images/bg.gif);
	background-repeat:repeat;
	/*
	-moz-border-radius: 10px;
	*/

	font-size: 11px;
	font-weight: bold;
	color: #566D96;
}
.ShoppingCartItem .Price .Header
{
	font-size: 14px;
}
.ShoppingCartItem .Comment
{
	padding: 0;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	border: solid 0px red;
	display: block;
}
.ShoppingCartItem .Comment .Header
{
	padding-left: 0;
	font-size: 12px;
	font-weight: bold;
	color: #566D96;
	color: #B31B34;
}
.ShoppingCartItem .Comment .FinePrint
{
	font-weight: normal;
	line-height: 120%;
	margin: 0;
	padding: 0;
}
.ShoppingCartItem .Comment TEXTAREA
{
	width: 300px;
	height: 32px;
	background-color: #fff;
	background-color: #ffd;
	border: solid 1px #ccc;
	border: solid 1px #B31B34;	
}
.ShoppingCartItem .Comment TEXTAREA:hover, .ShoppingCartItem .Comment TEXTAREA:focus
{
}

#dgShoppingCart INPUT.txtQuantity
{
	width: auto;
	height: auto;

	height: 30px;
	width: 70px;

	background-color: #ffd;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 1.6em;
}
