@charset "UTF-8";

/*
-----------------------------------------------
Spry Demos CSS Rules
Version:  12 Apr 2006 (0.2b)
----------------------------------------------- */
#content_spry, #sidebar {
	float: left;
	text-align: left;
}
#content_spry {
	width: 600px;
	margin-right: 15px;
	padding-top: 5px;
}
#sidebar {
	border:2px solid #003300;
	width: 240px;
	margin-top:5px;
}
/* Table Rules
----------------------------------------------- */
#products { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
}
#products caption {
	color: #fff;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #003300;
	padding: 0.15em;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
}
#products th {
	background: url('../../demos/images/bg_grad_gray2.gif') repeat-x;
	padding: 6px 0.25em;
	color: #333333;	
	font-weight: bold;
	margin: 0;
	cursor: pointer;
}

#products th.infocus { background-color: #E6E6E6; }
#products th.selected {	color: #EAEAEA; }

#products td, #products th {
	margin: 0;
	text-align: left;
	padding-top: 0.10em;
	padding-right: 0.375em;
	padding-bottom: 0.10em;
	padding-left: 0.375em;
}
#products tr {
	border-bottom: solid 1px #DFFFD9;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#products tr.infocus {
	background-color:#dfdfdf;
	cursor: pointer;
}

#products tr.notinfocus { background-color:#fff; }
#products tr.selected { color:#fc0; }
#products tbody { margin-top: 0; }

.even { 
		background-image: url(../background/holder_transparent_light_green_5x5.png);
		background-repeat:repeat}

.rowHover {
	color: #FFFFFF;
	background: #933;
	cursor: pointer;
	border-bottom: solid 1px #FFCACA
}

.rowSelected { color: #fc0; }

.productinfo {
	width: 700px;
	margin-left: 250px;
}

.category {
	float:right;
	margin-top:18px;
}

.boximage {
	float: left;
	background-color: white;
}

/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
#boxshot {
	text-align: center;
 }
.highlightedcode {background-color: #ff9;}

/* Navigation Classes
----------------------------------------------- */
.demo a, .return a, .demo a, .source a {
	text-decoration: none; 
	font-size: small;
	font-weight: normal;
	margin-left: 24px;
	padding-left: 16px;
}

