﻿/*======================================================================
	THOMAS SCIENTIFIC: Utilities
----------------------------------------------------------------------*/

/*======================================================================
	UTILITY: Account: Create Form
----------------------------------------------------------------------*/
.u-account-createform
{}

	/* .NET imposed wrapper tables */
	.u-account-createform table
	{
		width: 100%;
	}
	
	.u-account-createform .input-text
	{
		width: 230px;
	}
	
	.u-account-createform .input-password
	{
		width: 170px;
	}
	
	.u-account-createform li.pairing span.required
	{
		display: none;
	}

/*======================================================================
	UTILITY: Account: Customer Address Form
----------------------------------------------------------------------*/
.u-account-customeraddressform
{}

	/*-- BASICS --*/
	.u-account-customeraddressform .basics
	{
		margin-bottom: 1em;
		border-bottom: 1px solid #dadada;
		padding-bottom: 0.5em;
	}

		.u-account-customeraddressform .basics .input-text
		{
			width: 210px;
		}

	/*-- OPTIONS --*/
	.u-account-customeraddressform .options
	{
		margin-top: 0.5em;
		padding-top: 1em;
		border-top: 1px solid #dadada;
	}
	
		.u-account-customeraddressform .options .pairing-content
		{
			margin-left: 1em;
		}
		
/*======================================================================
	UTILITY: Account: Customer Address Selector
----------------------------------------------------------------------*/
.u-account-customeraddressselector
{}

	.u-account-customeraddressselector ul.advanced-selector li dl.item
	{
		min-height: 120px;
	}
	* html .u-account-customeraddressselector ul.advanced-selector li dl.item { height: 120px; }
	
/*======================================================================
	UTILITY: Account: Customer Login Form
	--------------------------------------------------------------------
	this control has no unique styling
----------------------------------------------------------------------*/

/*======================================================================
	UTILITY: Account: Customer Tender Form
----------------------------------------------------------------------*/
.u-account-customertenderform
{}

	/*-- BASICS --*/
	.u-account-customertenderform .basics
	{
		margin-bottom: 1em;
		border-bottom: 1px solid #dadada;
		padding-bottom: 0.5em;
	}

		.u-account-customertenderform .basics .input-text
		{
			width: 210px;
		}

	/*-- OPTIONS --*/
	.u-account-customertenderform .options
	{
		margin-top: 0.5em;
		padding-top: 1em;
		border-top: 1px solid #dadada;
	}
	
		.u-account-customertenderform .options .pairing-content
		{
			margin-left: 1em;
		}

/*======================================================================
	UTILITY: Account: Customer Tender Selector
----------------------------------------------------------------------*/
.u-account-customertenderselector
{}

/*======================================================================
	UTILITY: Account: Login Form
----------------------------------------------------------------------*/
.u-account-loginform
{}

	/* .NET imposed wrapper tables */
	.u-account-loginform table
	{
		width: 100%;
	}
	
	.u-account-loginform .input-text
	{
		width: 230px;
	}
	
	.u-account-loginform .input-password
	{
		width: 170px;
	}
	
	.u-account-loginform li.pairing span.required
	{
		display: none;
	}

/*======================================================================
	UTILITY: Account: Order History Search
----------------------------------------------------------------------*/
.u-account-orderhistorysearch
{
	margin-bottom: 2em;
}

	.u-account-orderhistorysearch h3
	{
		padding: 0.5em 10px;
		background-color: #f1f1f1;
		border-top: 1px solid #dcdcdc;
	}
	
	.u-account-orderhistorysearch .pairinglist
	{
		padding-left: 10px;
	}
	
		.u-account-orderhistorysearch li.pairing label.primary span.optional
		{
			display: none;
		}


	/*-- SEARCH SINGLE --*/
	.u-account-orderhistorysearch .search-single
	{
		padding-bottom: 2em;
		
	}
	
		.u-account-orderhistorysearch .search-single li.pairing
		{
			margin-right: 20px;
			padding-right: 20px;
			float: left;
			border-right: 1px solid #dcdcdc;
		}
		
		.u-account-orderhistorysearch .search-single li.ponumber-pairing
		{
			margin: 0;
			padding: 0;
			border: none;
		}
		
			.u-account-orderhistorysearch .search-single li.pairing .input-text
			{
				width: 180px;
			}
			
	/*-- SEARCH MULTIPLE --*/
	.u-account-orderhistorysearch .search-multiple
	{
		padding-bottom: 1em;
	}
	
		.u-account-orderhistorysearch .search-multiple li.pairing
		{
			margin-right: 20px;
			padding-right: 20px;
			float: left;
			border-right: 1px solid #dcdcdc;
		}
		
		.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing
		{}
		
			.u-account-orderhistorysearch .search-multiple  li.pairing div.pairing-controls
			{
				overflow: visible;
			}
			
			.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing span.from-date
			{
				position: relative;
				z-index: 1001;
			}
			
			.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing span.to-date
			{
				position: relative;
				z-index: 1000;
			}
			
			.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing .input-text
			{
				width: 60px;
			}
			
			.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing .input-submit
			{
				margin-left: 2px;
				width: 16px;
				height: 16px;
				font-size: 0.1em;
				text-indent: -9999px;
				vertical-align: middle;
				background: none;
				background: transparent url(../../../_global/images/icons/silk/png/calendar_view_month.png) 0 0 no-repeat;
				border: none;
				cursor: pointer;
			}
			
			.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing .datePicker
			{
				position: absolute;
				right: -220px;
				top: -100px;
				padding: 2px;
				background-color: #fff;
				border: 1px solid #dde8ef; 
				z-index: 3000;
			}
			/* position away from the drop-down menu to prevent peeking through in IE6. This is a simple fix to avoid iFrames and other junk hacks */
			* html .u-account-orderhistorysearch .search-multiple  li.orderdate-pairing .datePicker { right: -300px; }
				
				.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing .datePicker table
				{
					border-collapse: collapse;
				}
			
				.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing .datePicker thead th
				{
					padding: 10px 0;
					background-color: #dde8ef;
					border: 1px solid #dde8ef;
				}
				
				.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing .datePicker thead th.dpCalPrevNext
				{
					padding: 4px;
				}
				
				.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing .datePicker table tbody th
				{
					padding: 6px 2px;
					font: normal 0.917em Courier, "Courier New", Monotype, monospace;
					text-align: center;
					color: #666;
					border: 1px solid #dde8ef;
				}
				
				.u-account-orderhistorysearch .search-multiple  li.orderdate-pairing .datePicker table tbody td
				{
					padding: 2px 3px 2px 1px;
					text-align: right;
					border: 1px solid #dde8ef;
				}
		
		.u-account-orderhistorysearch .search-multiple li.status-pairing
		{
			margin: 0;
			padding: 0;
			border: none;
		}
		
			.u-account-orderhistorysearch .search-multiple li.status-pairing .status-checkbox
			{
				display: block;
				margin-bottom: 0.333em;
			}
			
		.u-account-orderhistorysearch .search-multiple li.orderdate-pairing .pairing-controls label
		{
			padding-right: 3px;
		}
		
		.u-account-orderhistorysearch .search-multiple li.orderdate-pairing .pairing-controls span.from-date
		{
			padding-right: 7px;
		}
			
/*======================================================================
	UTILITY: Account: Settings Form
----------------------------------------------------------------------*/
.u-account-settingsform
{
	margin-bottom: 0.5em;
	border-bottom: 1px solid #e5e5e5;
}

	.u-account-settingsform .input-text
	{
		width: 230px;
	}
	
	.u-account-settingsform li.password-pairing span.pairing-note
	{
		display: block;
	}
	
	.u-account-settingsform .username-pairing .input-text,
	.u-account-settingsform .password-pairing .input-password
	{
		width: 170px;
	}

/*======================================================================
	UTILITY: Account: Shipping Billing Address Form
----------------------------------------------------------------------*/
.u-account-shippingbillingaddressform
{}
	
	.u-account-shippingbillingaddressform .user-info,
	.u-account-shippingbillingaddressform .shipping,
	.u-account-shippingbillingaddressform .billing,
	.u-account-shippingbillingaddressform .additional-info
	{
		margin-bottom: 1em;
		border-bottom: 1px solid #d7d7d7;
	}
	
/*======================================================================
	UTILITY: Cart: Quick Add
----------------------------------------------------------------------*/
.u-cart-quickadd
{
	margin: 8px 5px 0 0;
	padding: 8px;
	width: 269px;
	float: left;
	background-color: #dde8ef;	
}

	.u-cart-quickadd table.base
	{
		margin-bottom: 0;	
	}
	
		.u-cart-quickadd table.base caption
		{
			padding-bottom: 0.3em;
			font-size: 1em;
			font-weight: normal;
			text-align: left;
			color: #666;
		}
		
		.u-cart-quickadd table.base thead
		{
			display: none;
		}

		.u-cart-quickadd table.base td,
		.u-cart-quickadd table.base tr.alt td
		{
			padding: 0.5em 8px;
			vertical-align: middle;
			background-color: #f1f1f1;
			border-top: 1px solid #8babc2;
			border-bottom: 1px solid #8babc2;
			font-size: 1.2em;
		}
		
			.u-cart-quickadd table.base td input.input-text
			{
				width: 95%
			}

/*======================================================================
	UTILITY: Cart: Summary
----------------------------------------------------------------------*/
.u-cart-summary
{}

	/*-- SUMMARY TABLE --*/
	.u-cart-summary .summary-container
	{
		display: none;
	}
	
	/*-- TOTALS TABLE --*/
	.u-cart-summary .u-miscellaneous-totalstable
	{
		padding: 0 20px;
		border: none;
	}

		.u-cart-summary .u-miscellaneous-totalstable table
		{}
			
			.u-cart-summary .u-miscellaneous-totalstable table th
			{
				padding-left: 0;
			}
	
			.u-cart-summary .u-miscellaneous-totalstable table td
			{
				padding-right: 0;
			}
	
			.u-cart-summary .u-miscellaneous-totalstable table tr.tax th, 
			.u-cart-summary .u-miscellaneous-totalstable table tr.tax td
			{
				border-bottom: 1px dotted #d5d5d5;
			}
	
			.u-cart-summary .u-miscellaneous-totalstable table tr.total th
			{
				background: none;
			}

			.u-cart-summary .u-miscellaneous-totalstable table tr.total td
			{
				background: none;
			}
	
	/*-- TRAP CODES --*/
	.u-cart-summary .u-miscellaneous-trapcodemanager
	{
		margin: 6px auto 0;
		width: 208px;
		min-height: 0;
		float: none;
		border: none;
	}

		.u-cart-summary .u-miscellaneous-trapcodemanager table.base td, 
		.u-cart-summary .u-miscellaneous-trapcodemanager table.base tr.alt td
		{
			padding: 0;
			background: none;
			border: none;
		}
		
		.u-cart-summary .u-miscellaneous-trapcodemanager table td input.input-text
		{
			width: 124px;	
		}
	
		.u-cart-summary .u-miscellaneous-trapcodemanager table td.column-trapcode
		{
			font-size: 1.1em;	
		}
		
		.u-cart-summary .u-miscellaneous-trapcodemanager table td.column-action
		{
			padding-left: 6px;
			border-left: 1px dotted #373737; 
		}


/*======================================================================
	UTILITY: Customer Order: Detail
----------------------------------------------------------------------*/
.u-customerorder-detail
{}

	/*-- BASICS --*/
	.u-customerorder-detail .order-data .basics h3.date
	{
		position: absolute;
		right: 4px;
		top: 0.8em;
		margin: 0;
		font-size: 1em;
		font-style: normal;
		color: #333;
	}

		.u-customerorder-detail .order-data .basics h3.date span
		{
			display: none;	
		}

	/*-- STATUS --*/
	.u-customerorder-detail .order-data .basics h4.status
	{
		margin: -0.75em 0 0;
		padding: 0.8em 20px 0.6em;
		font-size: 1em;
		font-weight: normal;
		font-style: normal;
		text-transform: uppercase;
		background-color: #dde8ef;	
	}
	
		/*-- new --*/
		.u-customerorder-detail .status-new .basics h4.status { color: #0069be; }
		/*-- sent to warehouse --*/
		.u-customerorder-detail .status-senttowarehouse .basics h4.status { color: #6c4803; }
		/*-- partially shipped --*/
		.u-customerorder-detail .status-partiallyshipped .basics h4.status { color: #56700f; }
		/*-- shipped --*/
		.u-customerorder-detail .status-shipped .basics h4.status { color: #598d2c; }
		/*-- partially cancelled --*/
		.u-customerorder-detail .status-partiallycancelled .basics h4.status { color: #be4c14; }
		/*-- cancelled --*/
		.u-customerorder-detail .status-cancelled .basics h4.status { color: #be0b02; }
		
	/*-- SINGLE SHIPMENTS --*/
	.u-customerorder-detail .order-data .shipments-single .info
	{
		padding-top: 1em;
		border-top: 1px solid #ccc;
	}	
	
	/*-- MULTIPLE SHIPMENTS --*/
	.u-customerorder-detail .order-data .shipments-multiple h2
	{
		margin-left: 20px;
	}
	
	/*-- FUNCTIONS --*/
	.u-customerorder-detail .functions
	{
		margin-top: -0.6em;
		float: left;
	}
	
		.u-customerorder-detail .functions h3
		{
			margin-bottom: 0.5em;
		}
		
		.u-customerorder-detail .functions .add-to-cart
		{
			margin-bottom: 0.5em;
			padding-bottom: 0.5em;
			width: 300px;
			float: left;
			border-bottom: 1px solid #d7d7d7;
		}
		
		.u-customerorder-detail .functions .download-pdf
		{
			width: 300px;
			float: left;
			clear: left;
		}

/*======================================================================
	UTILITY: Email List: Email List Form
----------------------------------------------------------------------*/
.u-emaillist-emaillistform
{}

/*======================================================================
	UTILITY: Email List: Email List Selector
----------------------------------------------------------------------*/
.u-emaillist-emaillistselector
{}

/*======================================================================
	UTILITY: Email List: Email List Subscriptions
----------------------------------------------------------------------*/
.u-emaillist-emaillistsubscriptions
{}

/*======================================================================
	UTILITY: Job: Personal Info Form
----------------------------------------------------------------------*/
.u-job-personalinfoform
{}

/*======================================================================
	UTILITY: Miscellaneous: Address Form
----------------------------------------------------------------------*/
.u-miscellaneous-addressform
{}

	.u-miscellaneous-addressform li.prefix-pairing,
	.u-miscellaneous-addressform li.firstname-pairing,
	.u-miscellaneous-addressform li.middlename-pairing,
	.u-miscellaneous-addressform li.lastname-pairing,
	.u-miscellaneous-addressform li.suffix-pairing,
	.u-miscellaneous-addressform li.title-pairing,
	.u-miscellaneous-addressform li.address1-pairing,
	.u-miscellaneous-addressform li.address2-pairing,
	.u-miscellaneous-addressform li.address3-pairing,
	.u-miscellaneous-addressform li.city-pairing,
	.u-miscellaneous-addressform li.countrysubdivision-pairing,
	.u-miscellaneous-addressform li.postalcode-pairing,
	.u-miscellaneous-addressform li.country-pairing
	{
		float: left;
		margin-right: 20px;
	}
	
	.u-miscellaneous-addressform li.company-pairing,
	.u-miscellaneous-addressform li.address1-pairing,
	.u-miscellaneous-addressform li.phone1-pairing,
	.u-miscellaneous-addressform li.phone2-pairing,
	.u-miscellaneous-addressform li.phone3-pairing,
	.u-miscellaneous-addressform li.phone4-pairing
	{
		clear: left;
	}
	
	/*-- INDIVIDUAL PAIRING STYLES --*/
	.savedaddresses-pairing select
	{
		width: 340px
	}
	
	.u-miscellaneous-addressform li.suffix-pairing
	{
		margin-right: 0;
	}
	
		.u-miscellaneous-addressform li.prefix-pairing select,
		.u-miscellaneous-addressform li.suffix-pairing select
		{
			width: 40px;
		}
	
	.u-miscellaneous-addressform li.firstname-pairing .input-text,
	.u-miscellaneous-addressform li.middlename-pairing .input-text,
	.u-miscellaneous-addressform li.lastname-pairing .input-text
	{
		width: 150px;
	}
	
	.u-miscellaneous-addressform li.lastname-pairing
	{
		margin-right: 329px;	
	}
	
	.u-miscellaneous-addressform li.company-pairing .input-text
	{
		width: 210px;
	}
	
	.u-miscellaneous-addressform li.title-pairing
	{
		margin-right: 280px;
	}
	
		.u-miscellaneous-addressform li.title-pairing .input-text
		{
			width: 150px;
		}
	
	.u-miscellaneous-addressform li.address1-pairing,
	.u-miscellaneous-addressform li.address2-pairing 
	{

	}

	.u-miscellaneous-addressform li.address2-pairing
	{
		margin-right: 206px;
	}
	
		.u-miscellaneous-addressform li.address1-pairing .input-text,
		.u-miscellaneous-addressform li.address2-pairing .input-text
		{
			width: 210px;
		}
		
		.u-miscellaneous-addressform li.address3-pairing .input-text
		{
			width: 150px;
		}

	.u-miscellaneous-addressform li.city-pairing .input-text
	{
		width: 210px;
	}
	
	.u-miscellaneous-addressform li.countrysubdivision-pairing select
	{
		width: 135px;
	}
	
	.u-miscellaneous-addressform li.postalcode-pairing .input-text
	{
		width: 55px
	}
	
	.u-miscellaneous-addressform li.country-pairing
	{
		margin-right: 0;
	}
	
		.u-miscellaneous-addressform li.country-pairing select
		{
			width: 160px;
		}
		
	.u-miscellaneous-addressform li.phone1-pairing .input-text,
	.u-miscellaneous-addressform li.phone2-pairing .input-text,
	.u-miscellaneous-addressform li.phone3-pairing .input-text,
	.u-miscellaneous-addressform li.phone4-pairing .input-text
	{
		margin-right: 15px;
		width: 110px;
	}
	
		.u-miscellaneous-addressform li.phone1-pairing .pairing-controls label,
		.u-miscellaneous-addressform li.phone2-pairing .pairing-controls label,
		.u-miscellaneous-addressform li.phone3-pairing .pairing-controls label,
		.u-miscellaneous-addressform li.phone4-pairing .pairing-controls label
		{
			margin-right: 1px;	
		}
	
		.u-miscellaneous-addressform li.phone1-pairing input.extension,
		.u-miscellaneous-addressform li.phone2-pairing input.extension,
		.u-miscellaneous-addressform li.phone3-pairing input.extension,
		.u-miscellaneous-addressform li.phone4-pairing input.extension
		{
			margin-right: 0;
			width: 50px;
		}

/*======================================================================
	UTILITY: Miscellaneous: Inline Help
----------------------------------------------------------------------*/
.u-miscellaneous-inlinehelp
{
	margin: 0.5em 5px;
}

	.u-miscellaneous-inlinehelp ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.u-miscellaneous-inlinehelp ul li
		{
			position: relative;
			margin: 5px 0;
			padding: 10px 10px 10px 45px;
			background: #fdfcf6 url(../images/layout/bg_gradient-fade-yellow.jpg) 0 0 repeat-x;
			border: 1px solid #e5e5e5;
			*zoom: 1;
		}
			
			.u-miscellaneous-inlinehelp ul li i
			{
				display: block;
				position: absolute;
				left: 8px;
				top: 9px;
				width: 28px;
				height: 28px;
				background: transparent url(../images/layout/icon_help.png) 0 0 no-repeat;
			}
			
			.u-miscellaneous-inlinehelp ul li p.hide
			{
				margin: 1em 0 0.5em;
				font-weight: bold;
				color: #7a7a7a;
			}

/*======================================================================
	UTILITY: Miscellaneous: Page Title
----------------------------------------------------------------------*/
.u-miscellaneous-pagetitle
{}

/*======================================================================
	UTILITY: Miscellaneous: Recently Viewed
----------------------------------------------------------------------*/
.u-miscellaneous-recentlyviewed
{}

	/*-- PRODUCTS --*/
	.u-miscellaneous-recentlyviewed .products
	{
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px solid #dcdcdc;
	}

		.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul
		{
			margin: 0;
			padding-left: 11px;
			list-style: none;
		}
	
			.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li
			{
				margin: 0 10px;
				width: 155px;
				float: left;
			}
		
				.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li a
				{
					display: block;
				}
				
					.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock li span.image
					{
						display: block;
						margin: 0 0 3px;
						width: 98px;
						border: 1px solid #96a1a7;
					}
			
					.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li a img
					{
						display: block;
					}


/*======================================================================
	UTILITY: Miscellaneous: Recently Viewed Block
----------------------------------------------------------------------*/
.u-miscellaneous-recentlyviewedblock
{
	margin-bottom: 1em;
	clear: both;
}

/*======================================================================
	UTILITY: Miscellaneous: Tender Form
----------------------------------------------------------------------*/
.u-miscellaneous-tenderform
{}

	.u-miscellaneous-tenderform li.tendersubtype-pairing,
	.u-miscellaneous-tenderform li.tendernumber-pairing,
	.u-miscellaneous-tenderform li.securitycode-pairing,
	.u-miscellaneous-tenderform li.expiration-pairing
	{
		margin-right: 20px;
		float: left;
	}

	.u-miscellaneous-tenderform li.expiration-pairing
	{
		margin: 0;
	}

		.u-miscellaneous-tenderform li.expiration-pairing .pairing-content label
		{
			display: none;
		}

	.u-miscellaneous-tenderform li.tendertype-pairing select
	{
		width: 160px;
	}

	.u-miscellaneous-tenderform li.tendernumber-pairing .input-text
	{
		width: 150px;
	}
	
	/*-- address form nested in a tender form --*/
	.u-miscellaneous-tenderform .u-miscellaneous-addressform
	{
		margin-top: 0.33em;
		border-top: 1px solid #dadada;
	}
	
		.u-miscellaneous-tenderform .u-miscellaneous-addressform h6
		{
			margin: 0.75em 0;
			font-size: 1.333em;
			font-style: normal;
		}
		

/*======================================================================
	UTILITY: Miscellaneous: Totals Table
----------------------------------------------------------------------*/
.u-miscellaneous-totalstable
{
	border-top: 8px solid #dde8ef;
}

	.u-miscellaneous-totalstable table
	{
		width: 100%;
		border-collapse: collapse;	
	}

		.u-miscellaneous-totalstable table th
		{
			padding: 6px 10px;
			font-size: 1em;
			font-weight: normal;
			text-align: left;
			color: #373737;
			border-bottom: 1px dotted #d5d5d5;
		}
	
		.u-miscellaneous-totalstable table td
		{
			padding: 6px 10px;
			font-size: 1em;
			text-align: right;
			color: #780111;
			border-bottom: 1px dotted #d5d5d5;
		}
	
		.u-miscellaneous-totalstable table tr.tax th,
		.u-miscellaneous-totalstable table tr.tax td
		{
			border: none;
		}
	
		.u-miscellaneous-totalstable table tr.total th
		{
			font-size: 1em;
			font-weight: bold;
			text-transform: uppercase;
			background-color: #dde8ef;
			border: none;
		}

		.u-miscellaneous-totalstable table tr.total td
		{
			font-weight: bold;
			background-color: #dde8ef;
			border: none;
		}
		
		
/*======================================================================
	UTILITY: Miscellaneous: Trap Code Manager
----------------------------------------------------------------------*/
.u-miscellaneous-trapcodemanager
{
	margin: 8px 5px 0 0;
	padding: 8px;
	width: 264px;
	min-height: 56px;
	float: left;
	background-color: #dde8ef;	
}
* html .u-miscellaneous-trapcodemanager { height: 56px; }

	.u-miscellaneous-trapcodemanager table.base
	{
		margin-bottom: 0;	
	}
	
		.u-miscellaneous-trapcodemanager table caption
		{
			padding-bottom: 0.3em;
			font-size: 1em;
			font-weight: normal;
			text-align: left;
			color: #666;
		}

		.u-miscellaneous-trapcodemanager table thead
		{
			display: none;
		}

		.u-miscellaneous-trapcodemanager table.base td,
		.u-miscellaneous-trapcodemanager table.base tr.alt td
		{
			padding: 0.5em 8px;
			vertical-align: middle;
			background-color: #f1f1f1;
			border-top: 1px solid #8babc2;
			border-bottom: 1px solid #8babc2;
		}
		
			.u-miscellaneous-trapcodemanager table td input.input-text
			{
				width: 160px;	
			}
		
		.u-miscellaneous-trapcodemanager table td.column-trapcode
		{
			font-size: 1.2em;
			font-weight: bold;	
		}
		
		.u-miscellaneous-trapcodemanager table td.column-action
		{
			border-left: 1px dashed #ccc;
		}

/*======================================================================
	UTILITY: Products: Comparison Selections
----------------------------------------------------------------------*/
.u-products-comparisonselections
{
	position: relative;
	padding: 0 10px;
	min-height: 40px;
	background-color: #f1f1f1;
	z-index: 1001;
}
* html .u-products-comparisonselections { height: 40px !important; }
	
	/*---------------------------------
		SELECTIONS
	---------------------------------*/
	.u-products-comparisonselections .selections
	{
		padding-right: 80px;
		float: right;
	}

	.u-products-comparisonselections .selections ul
	{
		margin: 0;
		list-style: none;
	}
	
		.u-products-comparisonselections .selections ul li
		{
			position: relative;
			margin-right: 10px;
			padding: 0;
			width: 50px;
			height: 50px;
			float: right;
			background-color: #fff;
			border: 1px solid #9DB4C3;
		}
		
			.u-products-comparisonselections .selections ul li a
			{
				display: block;
				text-decoration: none;
			}
		
				.u-products-comparisonselections .selections ul li .text
				{
					display: none;
					position: absolute;
					left: 8px;
					top: 40px;
					padding: 1px 4px;
					font-size: 0.833em;
					text-transform: uppercase;
					border: 1px solid #eee;
					border-right-color: #ccc;
					border-bottom-color: #ccc;
					background-color: #fffcd3;
					z-index: 1002;
				}
			
				.u-products-comparisonselections .selections ul li img
				{
					margin-bottom: 3px;
				}
			
				.u-products-comparisonselections .selections ul li .icon
				{
					display: block;
					position: absolute;
					top: -10px;
					right: -10px;
					width: 20px;
					height: 20px;
					font-size: 1px;
					text-indent: -9999px;
					background: transparent url(../images/layout/icon_remove.gif) 5px 5px no-repeat; 
					cursor: hand;
				}
		
	/*---------------------------------
		COMPARE
	---------------------------------*/
	.u-products-comparisonselections .compare
	{
		position: absolute;
		right: 10px;
		top: 10px;
	}
	
	/*---------------------------------
		VALIDATION
	---------------------------------*/
	.u-products-comparisonselections .validation-errors
	{
		width: 550px;
	}
	
/*======================================================================
	UTILITY: Products: Comparison Grid
----------------------------------------------------------------------*/
.u-products-comparisongrid
{}

	.u-products-comparisongrid table img
	{
		display: block;
		margin: 0 auto;
	}


/*======================================================================
	UTILITY: Products: Customization Selector
----------------------------------------------------------------------*/
.u-products-customizationselector
{}

/*======================================================================
	UTILITY: Products: Email Friend
----------------------------------------------------------------------*/
.u-products-emailfriend
{
	margin: 0 0 1em;
	padding: 0.833em 10px 1em;
	clear: both;
	border: 1px solid #739ab1;
}

	.u-products-emailfriend h3
	{
		margin-top: 0;
		padding-bottom: 0.5em;
		border-bottom: 1px dashed #d7d7d7;
	}	

	.u-products-emailfriend li.pairing span.required
	{
		display: none;	
	}
	
	.u-products-emailfriend input.input-text
	{
		width: 190px;	
	}

	/*-- SENDER --*/
	.u-products-emailfriend li.sender-name
	{
		margin-right: 8px;
		padding-left: 12px;
		float: left;
	}
	
	.u-products-emailfriend li.sender-email
	{
		float: left;	
	}
	
	/*-- RECIPIENTS --*/
	.u-products-emailfriend li.recipients
	{
		padding: 8px;
		clear: both;
		background-color: #f4f4f4;	
	}
	
		.u-products-emailfriend li.recipients table
		{
			margin-bottom: 0;
		}
	
		.u-products-emailfriend li.recipients th
		{
			padding: 0 0 2px 4px;
			color: #666;
			border-bottom: 1px solid #bfbfbf;
		}
		
		.u-products-emailfriend li.recipients td
		{
			padding: 5px 4px;
			background-color: #e5e5e5;
		}
	
		.u-products-emailfriend li.recipients label.primary
		{
			margin-bottom: 1em;
		}
		
			.u-products-emailfriend li.recipients label.primary span.pairing-label
			{
				display: block;
				margin-bottom: 0.3em;
				padding-left: 4px;	
			}
		
			.u-products-emailfriend li.recipients label.primary span.pairing-note
			{
				padding-left: 4px;
				display: block;
				color: #666;	
			}
	
	/*-- MESSAGE --*/
	.u-products-emailfriend li.message
	{
		margin: 0;	
	}
	
		.u-products-emailfriend li.message label.primary
		{
			padding-left: 12px;
		}
	
		.u-products-emailfriend li.message textarea
		{
			margin-bottom: 1em;
			width: 422px;
			height: 100px;
		}

/*======================================================================
	UTILITY: Products: Pager
----------------------------------------------------------------------*/
.u-products-pager 
{
	color: #666;	
}

	.u-products-pager ul
	{
		margin: 0;
		list-style: none;
	}
		.u-products-pager li
		{
			margin: 0;	
		}

			.u-products-pager li.pairing label
			{
				padding-top: 2px;	
			}
		
				.u-products-pager li.pairing label.primary span.optional
				{
					display: none;
				}

/*-- PAGING --*/
.u-products-pager .paging
{
	padding-bottom: 0.5em;	
}

.u-products-pager .paging,
.u-products-pager .paging .info,
.u-products-pager .paging ul,
.u-products-pager .paging li
{
	margin-right: 10px;
	float: left;	
}

.u-products-pager .paging .info
{
	padding-top: 2px;	
}

	.u-products-pager .paging .info span
	{
		font-weight: bold;	
	}
	
	.u-products-pager .paging li.jump
	{
		margin-right: 8px;	
	}
	
		.u-products-pager .paging li.jump select
		{
			width: 45px;
		}	
		
		.u-products-pager .paging li.jump option
		{
			padding: 0 2px 0 4px;	
		}
	
	.u-products-pager .paging li.previous,
	.u-products-pager .paging li.next
	{
		margin-right: 8px;
		padding-top: 2px;	
	}
	
		.u-products-pager .paging li.previous a
		{
			padding-left: 8px;
			font-size: 0.917em;
			background: transparent url(../images/layout/sprite_arrows.png) 0 4px no-repeat;
		}	
		
		.u-products-pager .paging li.next a
		{
			padding-right: 8px;
			font-size: 0.917em;
			background: transparent url(../images/layout/sprite_arrows.png) right 4px no-repeat;
		}
		
/*-- OPTIONS --*/
.u-products-pager .options,
.u-products-pager .options ul.pairings
{
	float: right;	
}

	.u-products-pager .options li
	{
		margin-right: 10px;
		float: left;
	}

	.u-products-pager .options li.pairing
	{
		margin-right: 15px;
		margin-bottom: 0;
	}

	.u-products-pager .options li.sort
	{
		margin-right: 0;	
	}
	
		.u-products-pager .options li.sort select
		{
			width: 120px;
		}

/*======================================================================
	UTILITY: Products: Product Attributes
----------------------------------------------------------------------*/
.u-products-productattributes
{}

/*======================================================================
	UTILITY: Products: Product Bonus Selector
----------------------------------------------------------------------*/
.u-products-productbonusselector
{}

	.u-products-productbonusselector ul.productbonuslist
	{
		margin-left: 0;
		list-style: none;
	}
	
/*======================================================================
	UTILITY: Products: Product Detail Block
----------------------------------------------------------------------*/
.u-products-productdetailblock
{
	padding-bottom: 1em;
	overflow: visible;
	border-bottom: 1px dashed #d7d7d7;
}

	.u-products-productdetailblock h3
	{
		margin-bottom: 0.6em;
		font-size: 1.4em;
	}
	
	.u-products-productdetailblock .filters
	{
		margin-bottom: 2px;
		padding: 8px 6px;
		vertical-align: middle;
		background: transparent url(../images/layout/bg_shaded.jpg) 0 0 no-repeat;
	}
	
		.u-products-productdetailblock .filters span
		{
			font-size: 1.083em;
			font-weight: bold;
			color: #fff;
		}
	
		.u-products-productdetailblock .filters select
		{
			margin-right: 4px;
			vertical-align: middle;
		}
	/*
		IE6 will not allow the table to break the layout, so 
		to prevent wrapping underneath the sidenav we set it 
		to use horizontal scrolling. 
	*/
	* html .u-products-productdetailblock .scroll-wrapper
	{
		width: 684px;
		overflow-x: scroll;
	}
	
/*---------------------------------
	PRODUCT DETAIL BLOCK TABLE
---------------------------------*/
.u-products-productdetailblock table.base
{
	border-collapse: separate;
	border: 1px solid #780011;
}

	.u-products-productdetailblock table.base th
	{
		padding: 0.7em 4px;
		vertical-align: bottom;
		background-color: #780011;
	}

	.u-products-productdetailblock table.base td
	{
		min-width: 60px;
		padding: 0.7em 4px;
		background-color: #fff;
		border: 1px solid #fff;
	}
	
	.u-products-productdetailblock table.base tr.alt td
	{
		background-color: #ececec;
	}
	
	/*-- ROW HIGHLIGHTING --*/
	.u-products-productdetailblock table.base tr.highlight td,
	.u-products-productdetailblock table.striped tr.highlight td,
	.u-products-productdetailblock table.striped tr.alt.highlight td
	{
		background-color: #fffcd3;
	}

/*---------------------------------
	PRODUCT DETAIL BLOCK ACTIONS
---------------------------------*/
.u-products-productdetailblock .actionlist
{
	padding: 0 40px 0 0;
	width: 220px;
	float: right;
	border: none;
}

	.u-products-productdetailblock .actionlist li.action,
	.u-products-productdetailblock .actionlist li.action a.button
	{
		float: none;
		text-align: center;
	}
	
	.u-products-productdetailblock .actionlist li.action-secondary
	{
		padding-top: 4px;
	}
	
	.u-products-productdetailblock .actionlist li.frequent-buy-list a
	{
		display: block;
		padding-left: 10px;
		background: transparent url(../images/layout/sprite_detail.png) -171px 3px no-repeat; 
	}


/*======================================================================
	UTILITY: Products: Product Options
----------------------------------------------------------------------*/
.u-products-productoptions
{}

/*======================================================================
	UTILITY: Products: Product Option Selector
----------------------------------------------------------------------*/
.u-products-productoptionselector
{}

/*======================================================================
	UTILITY: Products: Quantity Selector
	--------------------------------------------------------------------
	this control has no unique styling
----------------------------------------------------------------------*/

/*======================================================================
	UTILITY: Products: Quantity Price Selector
----------------------------------------------------------------------*/
.u-products-quantitypriceselector
{}

	.u-products-quantitypriceselector .quantity-selectors 
	{
		width: 90px;
	}

		.u-products-quantitypriceselector .quantity-selectors dl
		{
			margin: 0;
			width: 90px;
			font-size: 0.909em;
		}
	
			.u-products-quantitypriceselector .quantity-selectors dl dt
			{
				margin-bottom: 1px;
				font-weight: normal;
			}
		
				.u-products-quantitypriceselector .quantity-selectors dl dt span
				{
					font-size: 1.2em;
					font-weight: bold;
					color: #780011;
				}

			.u-products-quantitypriceselector .quantity-selectors dl dd
			{
				margin: 0 0 8px;
			}
		
				.u-products-quantitypriceselector .quantity-selectors dl dd .input-text
				{
					width: 30px;
					font-size: 1.2em;
				}

	/*-- SECONDARY PRICING --*/
	.secondary-price .u-products-quantitypriceselector .quantity-selectors 
	{
		width: 185px;
	}
	
		.secondary-price .u-products-quantitypriceselector .quantity-selectors dl
		{
				float: right;
		}
		
		.secondary-price .u-products-quantitypriceselector .quantity-selectors dl.selector-secondary
		{
			margin-right: 5px;
		}
		
/*======================================================================
	UTILITY: Products: Quick View
----------------------------------------------------------------------*/
.u-products-quickview
{}

/*======================================================================
	UTILITY: Products: Related Products
----------------------------------------------------------------------*/
.u-products-relatedproducts
{
	margin: 1em 0;
	padding: 4px;
	clear: both;
	border: 1px solid #739AB1;
}

	.u-products-relatedproducts h3
	{
		margin: 0;
		padding: 0.5em 10px;
		font-size: 1.4em;
		border-bottom: 1px dashed #ccc;
	}

	.u-products-relatedproducts ul
	{
		margin: 0;
		list-style: none;
	}
	
		.u-products-relatedproducts li.product
		{
			padding: 1.333em 10px;
			margin-right: 10px;
			clear: none;
			float: left;
			width: 138px;
		}
		* html .u-products-relatedproducts .products-list li.product { height: 1%; }
		
		.u-products-relatedproducts li.last
		{
			margin-right: 0;
		}
	
			.u-products-relatedproducts li.product .image
			{
				width: 98px;
				border: 1px solid #739AB1;
			}
			
				.u-products-relatedproducts li.product .image img
				{
					display: block;
				}
	
			.u-products-relatedproducts ul li.product .info h4
			{
				margin-bottom: 0;
				font-size: 1em;
			}
		
				.u-products-relatedproducts ul li.product .info h4 a
				{
					text-decoration: none;
				}
				
			.u-products-relatedproducts ul li.product .info .briefdescription
			{
				margin: 0.5em 0;
				color: #666;
				font-size: 0.917em;
			}	
			
			.u-products-relatedproducts ul li.product .prices
			{
				text-transform: lowercase;
			}

			.u-products-relatedproducts ul li.product .fulfillmentsystemid
			{
				margin-bottom: 1.8em;
				font-size: 0.833em;
				color: #999;
			}

/*======================================================================
	UTILITY: Products: Sku Selector
----------------------------------------------------------------------*/
.u-products-skuselector
{}

/*======================================================================
	UTILITY: Products: Thumbnail Page
----------------------------------------------------------------------*/
.u-products-thumbnailpage
{}

	/*---------------------------------
		ALL VIEWS
	---------------------------------*/
	.u-products-thumbnailpage ul
	{
		margin: 0;
		list-style: none;
	}
	
		.u-products-thumbnailpage ul li.product .image
		{
			position: relative;
			width: 98px;
			height: 98px;
			border: 1px solid #9db4c3;
			overflow: hidden;
		}
		* html .u-products-thumbnailpage ul li.product .image { zoom: 1; }
		
			.u-products-thumbnailpage ul li.product .image .quickview
			{
				position: absolute;
				left: 40px;
				bottom: 8px;
			}
	
		.u-products-thumbnailpage ul li.product .info h4
		{
			margin-bottom: 0;
			font-size: 1em;
			text-transform: none;
		}
		
			.u-products-thumbnailpage ul li.product .info h4 a
			{
				text-decoration: none;
			}
			
		.u-products-thumbnailpage ul li.product .briefdescription
		{
			margin: 0.5em 0;
			color: #666;
			font-size: 0.917em;
		}
		
		.u-products-thumbnailpage ul li.product .prices
		{
			text-transform: lowercase;
		}

		.u-products-thumbnailpage ul li.product .fulfillmentsystemid
		{
			display: none;
			margin-bottom: 1.8em;
			font-size: 0.833em;
			color: #999;
		}
		
		/*-- COMPARISONS --*/
		.u-products-thumbnailpage ul li.product .product-comparison label
		{
			padding: 1px 4px;
			font-size: 0.917em;
			background-color: #ececec;
		}

	/*---------------------------------
		GRID VIEW
	---------------------------------*/
	.u-products-thumbnailpage .products-grid .row
	{
		padding: 5px 0;
		border-bottom: 1px dashed #d7d7d7;	
	}

		.u-products-thumbnailpage .products-grid .row li.product
		{
			position: relative;
			margin: 0;
			padding: 12px 5px 25px 35px;
			float: left;
			width: 131px;
			min-height: 185px;
			border-right: 1px dashed #d7d7d7;
		}
		* html .u-products-thumbnailpage .products-grid .row li.product { height: 227px; }

			.u-products-thumbnailpage .products-grid .row li.product-first
			{
				padding-left: 25px;
			}

			.u-products-thumbnailpage .products-grid .row li.product-last
			{
				padding-right: 0;
				border: none;	
			}

			.u-products-thumbnailpage .products-grid .row li.product .image
			{
				margin-bottom: 10px;
				text-align: center;	
			}

			.u-products-thumbnailpage .products-grid li.product .row .info .prices
			{
				position: absolute;
				left: 10px;
				bottom: 16px;
				width: 155px;
			}
			
			/*-- COMPARISONS --*/
			.u-products-thumbnailpage .products-grid .row li.product .product-comparison
			{
				position: absolute;
				left: 35px;
				*left: 31px; /*account for extra padding on checkboxes in IE*/
				_width: 131px;
				bottom: 10px;
			}

			.u-products-thumbnailpage .products-grid .row li.product-first .product-comparison
			{
				left: 25px;
				*left: 21px; /*account for extra padding on checkboxes in IE*/
			}

	/*---------------------------------
		LIST VIEW
	---------------------------------*/
	.u-products-thumbnailpage .products-list li.product
	{
		padding: 1.333em 10px;
		clear: both;
		border-bottom: 1px solid #e5e5e5;	
	}
	* html .u-products-thumbnailpage .products-list li.product { height: 1%; }
	
		.u-products-thumbnailpage .products-list li.product .image
		{
			margin-right: 20px;
			float: left;
		}
	
		.u-products-thumbnailpage .products-list li.product .info
		{
			width: 470px;
			float: left;	
		}
		
		/*-- COMPARISONS --*/
		.u-products-thumbnailpage .products-list li.product .product-comparison
		{
			margin: 10px 0;
		}
		
/*======================================================================
	UTILITY: Shipment: Items
----------------------------------------------------------------------*/
.u-shipment-items
{
	margin-bottom: 1em;
}

	/*-- NOTES AND OFFER CODES --*/
	/* hide on load and show with JS only if JS is enabled */
	.js .u-shipment-items table.lineitems td.column-product li.note-pairing,
	.js .u-shipment-items table.lineitems td.column-product li.offercode-pairing
	{
		display: none;
		margin: 4px 0;
		padding: 5px;
		background-color: #f1f1f1;
	}
	
		.u-shipment-items table.lineitems td.column-product li.pairing label.primary
		{
			font-weight: bold;
		}
		
			.u-shipment-items table.lineitems td.column-product li.pairing label.primary span.optional
			{
				display: none;
			}
	
		.u-shipment-items table.lineitems td.column-product li.note-pairing textarea,
		.u-shipment-items table.lineitems td.column-product li.offercode-pairing .input-text
		{
			width: 200px;
		}
	
	.u-shipment-items table.lineitems td.column-note a
	{
		white-space: nowrap;
	}
	
	.u-shipment-items table.lineitems a.disabled
	{
		color: #858585;
	}
	
		.u-shipment-items table.lineitems a:hover.disabled
		{
			cursor: default;
			text-decoration: none;
			color: #858585;
		}
		
	/*-- NOTIFICATIONS --*/
	.u-shipment-items table.lineitems .product-notification
	{
		margin: 4px 0;
		padding: 5px;
		background-color: #f1f1f1;
	}
		.u-shipment-items table.lineitems .product-notification h5
		{
			margin: 0;
			padding-bottom: 3px;
			padding-left: 20px;
			font-size: 1em;
			font-weight: bold;
			line-height: 1.5;
			background: transparent url(../../../_global/images/icons/silk/gif/information.gif) 0 0 no-repeat;
		}
		.u-shipment-items table.lineitems .product-notification .notification-content
		{
			padding: 5px;
			background-color: #fff;
		}

/*======================================================================
	UTILITY: Shipment: Shipping Method Selector
----------------------------------------------------------------------*/
.u-shipment-shippingmethodselector
{}

/*======================================================================
	UTILITY: Wishlist: Form
----------------------------------------------------------------------*/
.u-wishlist-form
{}
	
	.u-wishlist-form li.pairing-name label.primary span.required
	{
		display: none;
	}
	
	.u-wishlist-form li.pairing-name .input-text
	{
		width: 210px;
	}

/*======================================================================
	UTILITY: Wishlist: Selector
----------------------------------------------------------------------*/
.u-wishlist-selector
{}

	.u-wishlist-selector p.create
	{
		padding: 0 10px 0.5em;
		border-bottom: 1px solid #d7d7d7;
	}
	
	.u-wishlist-selector .pairinglist
	{
		padding: 0 10px;
	}
	
		.u-wishlist-selector li.pairing label.primary
		{
			font-weight: bold;
		}
		
			.u-wishlist-selector li.pairing label.primary span.optional
			{
				display: none;
			}














