﻿/*======================================================================
	THOMAS SCIENTIFIC: Products Controls
----------------------------------------------------------------------*/

/*======================================================================
	CONTROL: Products: Browse
----------------------------------------------------------------------*/
.c-products-browse
{}

	.c-products-browse .pager-top
	{
		padding-bottom: 0.5em;
		border-bottom: 1px dashed #d7d7d7;
	}

	.c-products-browse .pager-bottom
	{
		padding: 1em 10px 0.5em 20px;
	}
	
	.c-products-browse .browser
	{
		padding: 16px 5px 4px;
		border: 1px solid #739ab1;
	}
	
/*======================================================================
	CONTROL: Products: Detail
----------------------------------------------------------------------*/
.c-products-detail
{
	position: relative;
}

	.c-products-detail h5
	{
		margin: 0;
		padding: 0;
		font-size: 1em;
		font-weight: bold;
		text-transform: none;
	}

	.c-products-detail h1
	{
		padding: 6px 230px 5px 0;
	}

	.c-products-detail .columns
	{
		margin-bottom: 2em;
	}
	
		.c-products-detail .columns .col1
		{
			margin-right: 10px;
			width: 454px;
			float: left;
		}
	
		.c-products-detail .columns .col2
		{
			margin-top: 28px;
			width: 220px;
			float: right;
		}
	
.c-products-detail .msds,
.c-products-detail .coa
{
	padding: 2px;
	display:block;
}

.c-products-detail tfoot td span
	{
	display: block;
	width: 60px;
	font-size: 1px;
	line-height: 1px;
	}

/*---------------------------------
	MESSAGING
---------------------------------*/
.c-products-detail .messagelist
{
	width: 454px;
}

/*---------------------------------
	INFO
---------------------------------*/
.c-products-detail .info
{}
	
	/*-- TABS NAV --*/
	.c-products-detail .info .ui-tabs-nav
	{
		margin-left: 0;
		bottom: 0;
	}
		
		.ui-tabs-nav li
		{
			position: relative;
			margin-top: 1px;
			margin-right: 2px;
			background: transparent url(../../images/layout/sprite_tabs-sliders.png) -664px -656px no-repeat;
			border-bottom: 1px solid #fff;
		}
		
			.ui-tabs-nav li a
			{
				padding-top: 6px;
				padding-bottom: 4px;
				font-size: 1.167em;
				color: #fff;
				background: transparent url(../../images/layout/sprite_tabs-sliders.png) right -656px no-repeat;
			}
			
			.ui-tabs-nav li a:hover
			{
				color: #fff;
			}
	
		.ui-tabs-nav li.ui-tabs-selected
		{
			bottom: -1px;
			margin-top: 0;
			background-position: -664px -492px;
			border: none;
		}
		
			.ui-tabs-nav li.ui-tabs-selected a,
			.ui-tabs-nav li.ui-tabs-selected a:hover
			{
				padding-bottom: 6px;
				font-weight: normal;
				color: #000;
				background-position: right -492px;
				cursor: default;
			}
	
	/*-- TABS PANEL --*/
	.c-products-detail .info .ui-tabs-panel
	{
		padding: 10px;
		background: none;
		border: 1px solid #739ab1;
	}

/*---------------------------------
	ADDITIONAL INFO
---------------------------------*/
.c-products-detail .additional-info
{
	margin: 1em 0;
}

	.c-products-detail .additional-info h5
	{
		margin-bottom: 0.333em;
	}

	.c-products-detail .additional-info ul
	{
		margin: 0;
		list-style: none;
	}

		.c-products-detail .additional-info ul li
		{
			margin: 0;
			padding: 0.5em 5px;
			border-top: 1px dashed #d7d7d7;
		}
		
			.c-products-detail .additional-info ul li.icon a
			{
				display: block;
				padding: 3px 0 1px 22px;
			}
			
			.c-products-detail .additional-info ul li.icon-pdf a
			{
				background: transparent url(../../images/layout/sprite_detail.png) -240px -135px no-repeat;
			}

/*---------------------------------
	MEDIAS
---------------------------------*/
.c-products-detail .medias
{
	margin-bottom: 2em;
}

	/*-- PRIMARY --*/
	.c-products-detail .medias .primary 
	{
		position: relative;
		/*temporary until image sizes are correct */
		width: 218px;
		height: 218px;
		border: 1px solid #739ab1;
		overflow: hidden;
	}
	
		.c-products-detail .medias .primary img
		{
			display: block;
		}

		.c-products-detail .medias .primary .zoom-link
		{
			position: absolute;
			left: 0;
			bottom: 0;
		}
		
			.c-products-detail .medias .primary .zoom-link a
			{
				display: block;
				width: 20px;
				height: 20px;
				font-size: 1px;
				text-indent: -9999px;
				background: transparent url(../../images/layout/sprite_detail.png) 2px 2px no-repeat;
			}
	
	/*-- SECONDARY --*/		
	.c-products-detail .medias .secondary h3
	{
		margin: 0 0 0.5em;
		padding: 0.5em 0 0 10px;
		border-top: 1px solid #e5e5e5;
	}
	
	.c-products-detail .medias .secondary ul
	{
		margin: 0;
		list-style: none;
	}
	
		.c-products-detail .medias .secondary ul li
		{
			margin: 1px;
			float: left;
			background-color: #fff;
		}
		* html .c-products-detail .medias .secondary ul li { display: inline; }
		
			.c-products-detail .medias .secondary ul li a
			{
				display: block;
				padding: 3px;
				border: 1px dotted #ccc;
			}
			
				.c-products-detail .medias .secondary ul li a:hover
				{
					background-color: #dadada;
				}

/*---------------------------------
	REQUEST ACCOUNT
---------------------------------*/
.c-products-detail .request-account
{
	padding-top: 4px;
	width: 220px;
	height: 33px;
	background: transparent url(../../images/layout/sprite_detail.png) 0 -121px no-repeat;
}

	.c-products-detail .request-account a
	{
		display: block;
		margin: 0 auto;
		width: 181px;
		height: 24px;
		font-size: 1px;
		text-indent: -9999px;
		background: transparent url(../../images/layout/sprite_detail.png) 0 -174px;
	}

/*---------------------------------
	FUNCTIONS
---------------------------------*/
.c-products-detail ul.functions
{
	position: absolute;
	right: 0;
	top: 1px;
	margin: 0;
	width: 220px;
	min-height: 33px;
	list-style: none;
	background: transparent url(../../images/layout/sprite_detail.png) 0 -121px no-repeat;
}

	.c-products-detail ul.functions li
	{
		float: left;
		font-size: 0.917em;
	}
	
		.c-products-detail ul.functions li.email-a-friend a
		{
			display: block;
			margin-right: 5px;
			padding: 6px 0 0 34px;
			min-height: 22px;
			background: transparent url(../../images/layout/sprite_detail.png) 8px -58px no-repeat;
		}
		
		.c-products-detail ul.functions li.print a
		{
			display: block;
			padding: 6px 0 0 34px;
			min-height: 22px;
			background: transparent url(../../images/layout/sprite_detail.png) -199px -54px no-repeat;
		}
		
/*---------------------------------
	WISHLISTS
---------------------------------*/
.c-products-detail .wishlists
{
	padding: 10px;
	width: 350px;
	float: left;
	background: #f1f1f1;
	border: 1px solid #d7d7d7;
}
	
	.c-products-detail .wishlists .actionlist
	{
		padding: 0 0 10px 10px;
		width: auto;
		float: none;
		border-bottom: 1px solid #d7d7d7;;
	}	
	
		.c-products-detail .wishlists .actionlist li.action,
		.c-products-detail .wishlists .actionlist li.action a.button
		{
			float: left;
		}
		
		.c-products-detail .wishlists .actionlist li.action-secondary
		{
			padding-top: 9px;
		}
		
/*---------------------------------
	RELATED PRODUCTS
---------------------------------*/
.c-products-detail .relatedproducts
{
	clear: both;
}

	.c-products-detail .relatedproducts .u-products-relatedproducts
	{
		margin-top: 0;
	}

/*======================================================================
	CONTROL: Products: Search
----------------------------------------------------------------------*/
.c-products-search
{}

	/*-- SEARCH --*/
	.c-products-search .search
	{
		margin-bottom: 2em;
	}

		.c-products-search .search li.pairing
		{
			margin-right: 20px;
			margin-bottom: 2px;
			padding-left: 20px;
			float: left;
			border-left: 1px solid #dcdcdc;
		}

			.c-products-search .search li.pairing label.primary
			{
				font-weight: bold;
			}

				.c-products-search .search li.pairing label.primary span.required
				{
					display: none;
				}

			.c-products-search .search li.pairing .pairing-controls span
			{
				display: block;
				margin-bottom: 3px;
			}
			/* account for unremovabe padding on radio buttons in IE6 & 7 */
			* html .c-products-search .search li.pairing .pairing-controls span { margin-bottom: 0; }
			*:first-child+html .c-products-search .search li.pairing .pairing-controls span { margin-bottom: 0; }

		/*-- KEYWORDS --*/
		.c-products-search .search li.keywords-pairing
		{
			padding: 10px 0 0;
			border-left: 0;
		}

			.c-products-search .search li.keywords-pairing .input-text
			{
				width: 310px;
			}

		/*-- ACTIONS --*/
		.c-products-search .search .actionlist
		{
			padding-top: 0;
			border: none;
		}

			.c-products-search .search .actionlist li.action
			{
				margin: 0;
			}

	/*-- PAGER --*/
	.c-products-search .u-products-pager
	{
		margin: 0.5em 0;
	}
