div.search-message
{
	padding:					0px 12px 15px 12px;
}

/* Competitor table. */

div.search-results-cpn-table
{
	display:					table;
	margin-bottom:				10px;
}

div.search-results-cpn-row
{
	display:					table-row;
}

a.search-results-cpn-link
{
	border-bottom:				none;
}

div.search-results-cpn-cell
{
	display:					table-cell;
	max-width:					265px;
	min-width:					265px;
	padding-bottom:				20px;
	padding-left:				25px;
	vertical-align:				top;
}

div.search-results-cpn-thumbnail-cell
{
	max-width:					241px;
	min-width:					241px;
}

div.search-results-cpn-thumbnail
{
	border:						2px solid #eee;
	padding:					10px 0;
	text-align:					center;
}

div.search-results-cpn-thumbnail-caption
{
	color:						#333;
	font-size:					13px;
}

div.search-results-cpn-thumbnail-desc
{
	color:						#666;
	height:						122px;
	padding:					10px 10px 0 10px;
}

div.ssearch-results-cpn-thumbnail-button
{
	padding-top:				10px;
}

div.search-results-cpn-declaration
{
	padding-top:				25px;
}

div.search-results-cpn-competitor-details,
div.search-results-cpn-variances
{
	padding-top:				5px;
}

div.search-results-cpn-details-copy
{
	display:					none;
	padding-top:				10px;
}

div.search-results-cpn-cell-heading
{
	font-weight:				bold;
}

div.search-results-cpn-competitor-details div,
div.search-results-cpn-details-copy div,
div.search-results-cpn-variances div
{
	padding-bottom:				10px;
}

/* Thumbnail grid. */

div.search-results-thumbnail-grid
{
	margin-bottom:				20px;
	margin-left:				30px;
}

a.search-results-thumbnail-cell
{
	border-bottom:				none;
}

div.search-results-thumbnail-cell
{
	border:						2px solid #eee;
	cursor:						pointer;
	display:					inline-block;
	margin:						0 0 12px 10px;
	max-width:					216px;
	min-width:					216px;
	padding:					10px 0;
	text-align:					center;
	vertical-align:				top;

	/* No double-click text selection. */
	-webkit-user-select:		none; /* Webkit (Safari, Chrome) browsers. */
	-moz-user-select:			none; /* Mozilla browsers. */
	-khtml-user-select:			none; /* Webkit (Konqueror) browsers. */
	-ms-user-select:			none; /* IE10+. */
}

/* With a 4:3 aspect ratio, height (minus padding) is 0.75 of the width (again
 * minus padding), e.g., (149px - 5px) = (212px - 20px) * 0.75. */
img.results-thumbnail
{
	/* The actual image height is the following minus the top/bottom
	 * padding. */
	height:						149px;
	/* Left/right padding on image rather than cell to allow caption to be
	 * wider than the image. */
	padding:					0 10px 5px 10px;
	/* The actual image width is the following minus the left/right padding. */
	width:						212px;
}

div.search-results-thumbnail-caption
{
	color:						#333;
	font-size:					13px;
}

.part-number
{
	font-family:				consolas, "Lucida Console", Monaco, monospace;
}

div.search-results-thumbnail-desc
{
	color:						#666;
	height:						122px;
	padding:					10px 10px 0 10px;
}

div.search-results-thumbnail-button
{
	padding-top:				10px;
}

/* Styles for width 960px to 1278px. --------------------------------------- */

@media only screen
	and (max-width: 1278px)
{

div.search-results-cpn-cell
{
	max-width:					240px;
	min-width:					240px;
}

div.search-results-cpn-cell:first-child
{
	max-width:					215px;
	min-width:					215px;
	padding-left:				0;
}

div.search-results-thumbnail-grid
{
	margin-left:				0;
}

}

/* For width 720px to 959px. ----------------------------------------------- */

@media only screen
	and (max-width: 959px)
{

div.search-results-cpn-declaration
{
	padding-top:				10px;
}

div.search-results-cpn-details-copy
{
	display:					block;
}

div.search-results-cpn-competitor-details
{
	display:					none;
}

}

/* Styles for width 620px to 719px. ---------------------------------------- */

@media only screen
	and (max-width: 719px)
{

div.search-results-cpn-cell
{
	max-width:					190px;
	min-width:					190px;
}

div.search-results-cpn-cell:first-child
{
	max-width:					165px;
	min-width:					165px;
}

div.search-results-cpn-thumbnail-cell
{
	max-width:					241px;
	min-width:					241px;
}

div.search-results-thumbnail-grid
{
	margin-left:				60px;
}

}

/* Styles for width < 620px. ----------------------------------------------- */

@media only screen
	and (max-width: 619px)
{

div.search-results-thumbnail-grid
{
	margin-left:				40px;
}

}