/*!=====
Toby's styles are in a different file and being generated by compass.  Please make your style changes to THIS file or contact Toby.  You can override styles in that file by using the same selector in this file.
=====*/
/*@import '/css/main.css';*/
.badgeItemContent {
	padding: 16px 16px 16px 0px;
}
.widgetContent {
	height: 600px;
	overflow:auto;
}
.productListFrame {
	  position: relative;
	  overflow: auto;
	  max-height: 450px;
}
.productListFrame table{
	  table-layout: fixed;
		width: 100%;
	  border-collapse: collapse;
}

.productListFrame th,.productListFrame td{
	  padding: 8px;
	  text-align: left;
}

.productListFrame thead th {
	  position: sticky;  /* Edge, Chrome, FF */
	  top: 0px;

}

.sectioncontent {
	height: 550px;
	overflow: auto;
}


table {
  width:100%;
}

td:first-child, th:first-child {
  position:sticky;
  left:0;
  z-index:0;
  background-color:#eeeeee;
}


thead tr th {
  position:sticky;
  top:0;
}

thead th:first-child {
	z-index:2;
}