/*sj 05-26-16 .display-none NEEDS TO MOVED TO catalog_large.css for all catalog types*/
.display-none {
	display: none;
}

.CompareProductImage {
	display: table-cell;
	min-width: 120px;
	max-width: 100%;
    height: 100px;
    text-align: center;
    vertical-align: middle;
}

.CompareProductImage img {
	max-height: 93%;/*this is not set to 100% because display:table-cell is creating padding under images when they are at 100px height*/
	max-width: 100%; /*sj 06-21-2016 prevents overlapping of image into neighboring table cell*/
}

.CompareProductModel {
	font-size: .778em;
	font-weight: bold;
	line-height: 1.2em;

	/*sj 05-31-16*/
	margin-top: 1em; 
	min-height: 40px;
	word-wrap:break-word;
}

.CompareProductModel a, .CompareProductModel a:link,  .CompareProductModel a:visited, .CompareProductModel a:hover, .CompareProductModel a:focus, .CompareProductModel a:active{
	text-decoration: none;
	}

.CompareProductManufacturer {
	font-size: .778em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 1em 0;
	min-height: 50px;	
}
.CompareProductManufacturerBy {
	color: rgb(150,150,150);
	display: inline-block;

	/*sj 05-31-16*/
	min-height: 50px;
}

.CompareProductCheckboxContainer {
	/*sj 06-21-16 height change because Add to Product Compare button is  taller
	 height: 250px;
	*/
	height: 205px;
	overflow-y: scroll;
	font-size: .778em;
    border: 1px solid #AAA;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em .2em .2em .2em;
    -webkit-box-shadow: inset 0px 2px 5px rgba(0,0,0,.4), 1px 1px 5px #DDD;
    -moz-box-shadow: inset 0px 2px 5px rgba(0,0,0,.4), 1px 1px 5px #DDD;
    -box-shadow: inset 0px 2px 5px rgba(0,0,0,.4), 1px 1px 5px #DDD;
}

.CompareProductCheckboxItem {
	border-top: 1px solid #AAA;
	padding: .5em 0 0 .5em;
}

.CompareProductCheckboxItem:first-child {
	border-top: none;
}

.CompareSelectionBoxCheckedClass {
	background: rgba(180,180,180,.4);
}

/*sj 05-23-16 for long text strings in prod compare chart. need better selector*/
/*
td {word-wrap:break-word;}
*/