.panelProductGroup
{
	width: 154px;
}

.panelBody
{
	width: 154px;
	border: none;
}

#navigation {
	background-image: url('images/psisupport/vertNavDivider.gif');
	background-position: right top;
	background-repeat: no-repeat;
}

#productGroup ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 11px 0px 0px;
	font-size: 11px;
}
#productGroup li {
	margin: 4px 0px;
	padding-right: 20px;
}
#productGroup li:hover {
	background-position: right -18px;
}
#productGroup a 
{
	font-weight: normal;
	text-decoration: none;
	color: #455560;
}
#productGroup a:hover {
	color: #1a598c;
	text-decoration: none;
}
#productGroup .selected 
{
	color: #1a598c;
	background-position: right -18px;
}

.productGroupTopLevel
{
}

.productGroupSubGroup1
{
	background-color: #F0F0F0;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 7px;
	font-size: 100%;
	border-bottom: 1px solid #FFFFFF;
}

.productGroupSubGroup2
{
	background-color: #F0F0F0;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 14px;
	font-size: 100%;
	border-bottom: 1px solid #FFFFFF;
}

.productGroupSubGroup3
{
	background-color: #F0F0F0;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 21px;
	font-size: 100%;
	border-bottom: 1px solid #FFFFFF;
}

.productGroupSubGroup4
{
	background-color: #F0F0F0;
	text-align: left;
	text-indent: 10px;
	margin-left: 28px;
	font-size: 100%;
	border-bottom: 1px solid #FFFFFF;
}

.productGroupSubGroup5
{
	background-color: #F0F0F0;
	text-align: left;
	text-indent: 10px;
	margin-left: 35px;
	font-size: 100%;
	border-bottom: 1px solid #FFFFFF;
}

.productGroupSuggestions
{
	list-style-type: none;
	padding: 5px 0 0 15px;
}

/** Drillable Product Groups **/
.productGroupDrillDownContainer
{
	padding: 0px 20px 20px 20px;
	text-align: center;
	font-size: 11px;
}

.productGroupDrillDown
{
	display: inline;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 20px;
	vertical-align: top;
	cursor: auto;
}

.productGroupDrillDown td
{
	
}

/* Hide from IE. Proper display style is "inline-block", not "inline", but IE chokes on that... */
html:not([iesucks]) .productGroupDrillDown
{
	display: inline-block;
}

.productGroupDrillDown table
{
	width: 152px;
	vertical-align: top;
}

.productGroupDrillName
{
	width: 100%;
	/*padding: 3px 0px 3px 0px;*/
}

.productGroupDrillDown thead
{
	background-image: url('images/psisupport/panel150.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}

.productGroupDrillDown thead tr
{
	color: #8b8b8b;
	font-weight: bold;
	height: 34px;
}

.productGroupDrillDown a, .productGroupDrillDown a:hover
{
	text-decoration: none !important;
	font-weight: normal;
	cursor: pointer;
}

.productGroupDrillName a 
{
	/*height: 22px;*/
	display: block; 
	margin-top: 12px;
}

.productGroupDrillHeader img
{
	display: none;
}

.productGroupDrillImage
{
	border-left: #cdd5dc 1px solid;
	border-right: #cdd5dc 1px solid;
	border-bottom: #cdd5dc 1px solid;
}

.productGroupDrillDescription
{
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	text-align: left;
}

.productGroupDrillDownCount
{
	background-color: #ffffff;
	filter: alpha(opacity=70);
	opacity: 0.7;
	margin-top: -21px;
	width: 150px;
	height: 21px;
	padding-top: 3px;
	line-height: 13px;
}

.productGroupScrollingPanelFull
{
	width: 100%;
}

.productGroupScrollingPanelShort
{
	width: 100%;
	height: 212px;
	overflow-y: scroll;
	overflow-x: hidden;
}