table.ProductList
{
	width: 100%;
	height: 100px;
	margin-bottom: 5px;
}

table.ProductList .Box
{
	height: 100px;
}

td.ImageCell
{
	width: 100px;
	height: 100px;
	vertical-align: top;
}


td.SpaceCell
{
	width: 5px;
}

.ImageBox
{
	width: 100%;
	border: 1px solid #1c69c3;
}

.ImageGlass
{
	width: 100px;
	height: 100px;
	background-image: url(../Images/ImageGlass.png);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
}

.ImageBox .TopLeftCorner,
.ImageBox .TopRightCorner,
.ImageBox .BottomLeftCorner,
.ImageBox .BottomRightCorner
{
	position: absolute;
	width: 15px;
	height: 15px;
	z-index: 10;
}

.ImageBox .TopLeftCorner
{
	background-image: url(../../Corner.ashx?width=15&color=%231c69c3&fcolor=%23ff0000&bcolor=%23ffffff&trin=true);
	top: -1px;
	left: -1px;
}

.ImageBox .TopRightCorner
{
	background-image: url(../../Corner.ashx?width=15&color=%231c69c3&fcolor=%23ff0000&bcolor=%23ffffff&trin=true&pos=1);
	top: -1px;
	left: 100%;
	margin-left: -14px;
}

.ImageBox .BottomLeftCorner
{
	background-image: url(../../Corner.ashx?width=15&color=%231c69c3&fcolor=%23ff0000&bcolor=%23ffffff&trin=true&pos=2);
	top: 100%;
	left: -1px;
	margin-top: -14px;
}

.ImageBox .BottomRightCorner
{
	background-image: url(../../Corner.ashx?width=15&color=%231c69c3&fcolor=%23ff0000&bcolor=%23ffffff&trin=true&pos=3);
	top: 100%;
	left: 100%;
	margin-top: -14px;
	margin-left: -14px;
}

.ImageBox .Image
{
	position:absolute;
	top:0px;
	left:0px;
}

a.Title
{
	margin-left: -15px;
	text-decoration: none;
}

a.Title:hover
{
	text-decoration: underline;
}

.ExtendedDescription
{
	margin-top: 10px;
	font-size: x-small;
    overflow: hidden;
    text-overflow:ellipsis;
    height: 37px;
}

.Price
{
	position: absolute;
	width: 100%;
	height: 10px;
	top: 100%;
	left: -20px;
	margin-top: -25px;
	text-align: right;
}

.Price img
{
    vertical-align: middle;
}

div.DetailDialog
{
	padding: 5px;
	background-color: #ffffff;
}

div.DetailHeader
{
	margin-bottom: 10px;
	border-bottom: 1px solid #1c69c3;
}

div.DetailTitle
{
	padding: 2px;
	height: 20px;
	margin-bottom: 2px;
	color: #ffffff;
	background-color: #1c69c3;
}

div.DetailTitle span
{
	border: 1px solid #ffffff;
	padding: 1px;
	font-size: small;
	font-weight: bold;
	background-image: url(Menu.png);
	overflow: hidden;
	text-transform: uppercase;
	display: block;
}

.DetailLoading
{
	position: absolute;
	z-index: 255;
	left: 0px;
	top: 0px;
	width: 810px;
	height: 560px;
	background-color: white;
}

table.ProductDetailTable
{
    width: 100%;
    height: 550px;
    border-color: #1c69c3;
    border-style: solid;
    border-width: 0px;
}

table.ProductDetailTable td
{
    border-color: #1c69c3;
    border-style: solid;
    border-width: 0px;
}

table.FeaturesTable
{
    margin-top: 5px;
    width: 100%;
}

table.FeaturesTable td
{
    padding-top: 5px;
    font-size: x-small;
    border-bottom: 1px dotted #1c69c3;
    white-space: normal;
}

.ItemTreeNode
{
	background-color: Transparent;
	color: #1c69c3;
	font-weight: bold;
	font-size: x-small;
	cursor: pointer;
	width: 570px;
}

.ItemTreeNodeHover
{
	font-weight: bold;
    font-size: x-small;
    cursor: pointer;
    width: 570px;
    background-color: #1c69c3;
}

.ItemTreeChildNode
{
	border: 1px solid #1c69c3;
	width: 568px;
}

table.ItemTreeNodeTable
{
	width: 100%;
	empty-cells: show;
}

table.ItemTreeNodeTable td
{
	font-size: x-small;
}

.DialogExtendedDescription
{
	 height: 470px;
	 overflow: scroll;
	 overflow-x: hidden;
	 padding: 5px;
	 margin-right: 3px;
}

div.Tools
{
	margin-top: 10px;
	font-size: x-small;
	text-align: right;
}
