/* Start of CMSMS style sheet 'Linkit: product matrix' */
div.productMatrixContainer {
	height: auto;
	margin: 0 1em 0 0;
        z-index: 9999;
        display: block;
        position: relative;
}

table.productMatrix {
   width: 100%;
   border-collapse: collapse;
   border: solid 1px #999999;
}

table.productMatrix td,
table.productMatrix th {
   text-align: center;
   vertical-align: middle;
   padding: 3px;
   border: solid 1px #999999;
}

table.productMatrix tr.productNames td {
   font-weight: bold;
}

table.productMatrix tr.productThumbs td {
   height: 46px;
}

table.productMatrix tr.icons td {
   height: 41px;
}

table.productMatrix tr.text td {
   height: 41px;
   font-weight: bold;
}

/* 
    Force word wrap and width to longest word 
    must specify as % since using a 30px fucks up
    text alignment in IE6/7 (go figure)
*/
table.productMatrix th {
   width: 5%;
}

table.autoHeaderWidth th {
   width: auto;
}

table.productMatrix tr.productThumbs img
{
   width: 35px;
   height: 35px;
}

table.productMatrix tr.icons img
{
   width: 35px;
   width: 35px;
}



/* End of 'Linkit: product matrix' */