/*======================================================================
	BRODART: Base Layout
	--------------------------------------------------------------------
	Grid: 	12 column / 960px;
	Column:	60px
	
	Color Palette:
	Black:		#000
	Dark:		#333
	Medium:		#777
	Light:		#999
	
	Dark Blue:	#204084
	Light Blue:	#4c89c9
	
	Red:		#d42634

	Z-index:
	1000: Layer Order Override
	2000: Content
	3000: Modal/Zoom
	4000: Secondary Navigation
	5000: Primary Navigation
----------------------------------------------------------------------*/
* { margin: 0; padding: 0; }

div#topmenus {position: absolute;right: 10px;bottom: 73px;}

body
{
	font: 75% Arial, Verdana, Helvetica, Sans-serif;
	color: #333;
	background-color: #fff;
}

/*======================================================================
	HEADINGS
----------------------------------------------------------------------*/
h1
{
	margin: 0 0 0.5em;
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
}

h2
{
	margin: 0.5em 0;
	font-size: 1.167em;
	font-weight: bold;
	color: #333;
}

h3
{
	margin: 1em 0;
	font-size: 1.167em;
	font-weight: normal;
	color: #333;
}

h4
{
	margin: 1em 0;
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

h5
{
	margin: 1em 0;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	color: #333;
}

h6
{
	margin: 1em 0;
	font-size: 1em;
	font-weight: normal;
	color: #333;
}

/*======================================================================
	LINKS
----------------------------------------------------------------------*/
a
{
	overflow: hidden;
	text-decoration: underline;
	color: #204084;
}

a:hover
{
	color: #d42634;
	text-decoration: none;
}

	a img,
	a:visited img
	{
		padding: 0;
		border: none;
	}

/*======================================================================
	PARAGRAPHS
----------------------------------------------------------------------*/
p 
{
	margin-bottom: 1em;
	line-height: 1.6;
}

/*======================================================================
	LISTS
----------------------------------------------------------------------*/
ul
{
	margin: 1em 0 1em 2em;
	list-style: disc;
}
	
	ul li
	{
		margin: 0.5em 0;
	}
	
		ul li.view-all a
		{
			font-weight: bold;
		}
	
ul.arrowed
{
	margin-left: 10px;
	list-style: none;
}

	ul.arrowed li
	{
		padding-left: 8px;
		background: transparent url(../images/layout/icon_arrow.png) 0 4px no-repeat;
	}
		
ol
{
	margin: 1em 0 1em 2em;
	list-style: decimal;
}
	
	ol li
	{
		margin: 0.5em 0;
	}
	
dl
{
	margin: 1em 0;
}

	dt 
	{
		font-weight: bold;
	}
	
		dd
		{
			margin-left: 1em;
		}

/*======================================================================
	MISC ELEMENTS
----------------------------------------------------------------------*/
address
{
	font-size: 1em;
	font-style: normal;
}

	address .address-group-name,
	address .address-group-company,
	address .address-group-address,
	address .address-group-location,
	address .address-group-country
	{
		display: block;
	}

abbr,
acronym 
{ 
	border-bottom: 1px dotted #333; 
	cursor: help; 
}  

blockquote
{
	margin: 1em;
	padding: 1em;
	background-color: #f1f1f1;
	border-left: 1px solid #dadada;
}

cite
{
	margin-left: 1em;
	font-style: italic;
}

.price-original
{
	text-decoration: line-through;
	color: #666;
}

	.price-original span
	{
		text-decoration: none;
	}

.grid-overlay
{
	position: absolute;
	left: 32px;
	top: 0;
	display: none;
}

span.highlight-wrapper 
{}

	span.highlight
	{
		background-color: #f00;
		color: #fff;
	}
	
/*======================================================================
	FORMS
----------------------------------------------------------------------*/
/*---------------------------------
	GENERAL ELEMENTS
---------------------------------*/
label,
input,
select,
textarea
{
	font-family: inherit;
	font-size: 1em;
}

label,
input
{
	vertical-align: middle;
}

label
{
	/* color: #666; */
}

/*- Lead Time-*/
label.leadtime
{
	font-size: 1.200em;
	color: #4c89c9;
}
select,
textarea
{
	vertical-align: top;
}

input.input-text,
input.input-password,
textarea
{
	padding: 4px;
	font-size: 0.917em;
	color: #777;
	background: #fff url(../images/layout/bg_input.png) left bottom repeat-x;
	border: 1px solid #a5a5a5;
}	
	
	/*include JS-applied classes for IE, which doesn't support these pseudo-selectos */
	/*input.focused,*/
	input.input-text:focus,
	input.input-password:focus
	/*textarea.focused
	textarea:focus*/
	{
		padding: 3px;
		border: 2px solid #3060b0;
	}

/* TODO: Convert these to classes instead of pseudo-selectors for IE */
input[type="radio"],
input.input-radio
{
	margin-right: 5px;
}

input[type="checkbox"],
input.input-checkbox
{
	margin-right: 3px;
}

select option
{
	font-size: 1.1em;
	padding: 2px 2px 2px 4px;
}

/*---------------------------------
	VALIDATION ERRORS
---------------------------------*/
.validation-errors
{
	margin: 1em 0;
	padding: 12px;
	font-weight: bold;
	color: #f00;
	background-color: #fff1f1;
	border: 1px solid #f00;	
	padding-left: 30px;
}

	.validation-errors ul
	{
		margin: 1em 0 0 30px;
		list-style: disc;	
	}
	
		.validation-errors ul li
		{
			margin: 0.3em 0;
			font-weight: normal;
			color: #4a4a4a;	
		}

/*---------------------------------
	PAIRING LISTS
---------------------------------*/
div.pairinglist
{}
	
	ul.pairings
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		li.pairing
		{
			margin: 0 0 1em;
			background: none;
		}
		
			li.pairing label.primary
			{}
		
			li.pairing div.pairing-controls
			{
				overflow: hidden;
			}

		/*-- PAIRING LIST VERTICAL --*/
		li.pairing-vertical label.primary
		{
			display: block;
			margin-bottom: 0.2em;
		}
	
				li.pairing-vertical label.primary span.required,
				li.pairing-vertical label.primary span.optional
				{
					font-size: 0.917em;
					font-weight: normal;
					font-style: italic;
					color: #666;
				}
		
				li.pairing-vertical label.primary span.pairing-note
				{
					font-size: 0.917em;
					font-weight: normal;
					color: #999;
				}
		
		/*-- PAIRING LIST HORIZONTAL --*/
		li.pairing-horizontal
		{
			float: left;
			clear: both;
		}
		
			li.pairing-horizontal label.primary
			{
				margin-right: 7px;
				float: left;
			}

			li.pairing-horizontal .pairing-content
			{
				float: left;	
			}

				li.pairing-horizontal .pairing-content select option
				{
					padding: 0 2px 0 4px;
					font-size: 1em;
				}

/*---------------------------------
	ACTION LISTS
---------------------------------*/
div.actionlist
{
	padding-top: 1em;
	border-top: 1px dotted #ccc;
}

	ul.actions
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

		ul.actions li.action
		{
			margin-right: 12px;
			float: left;
			background: none;
		}
			
			/* presumes primary action is a button and secondary action is text */
			ul.actions li.action-secondary
			{
				margin-right: 6px;
				padding-top: 4px;
			}
			
div.actionlist-independent
{
	border-top: none;
}

/*---------------------------------
	ADVANCED SELECTORS
---------------------------------*/
ul.advanced-selector
{
	margin: 0;
	list-style: none;	
}

	ul.advanced-selector li
	{
		_display: inline;
		margin: 0 20px 0 0;
		padding-bottom: 14px;
		float: left;
	}
	* html ul.advanced-selector li { width: 1%; }
	
		ul.advanced-selector li dl.item
		{
			margin-bottom: 0;
			padding: 12px;
			width: 158px;
			color: #666;
			background-color: #fff;
			border: 1px solid #dcdcdc;
		}
		* html ul.advanced-selector li dl.item { height: 100px; }
		
			ul.advanced-selector li dl.item dt.item-term
			{
				margin-bottom: 0.5em;
			}
		
				ul.advanced-selector li dl.item dt.item-term .input-radio
				{
					float: left;
				}
		
				ul.advanced-selector li dl.item dt.item-term label
				{
					display: block;
					margin-left: 20px;
					font-weight: bold;	
				}
			
			ul.advanced-selector li dl.item dd.item-definition
			{
				margin-left: 20px;
				padding: 0;
			}
			
				ul.advanced-selector li dl.item dd.item-definition dl
				{
					margin: 0.3em 0;
				}
				
					ul.advanced-selector li dl.item dd.item-definition dt
					{
						display: inline;
						font-weight: bold;	
					}
					
						ul.advanced-selector li dl.item dd.item-definition dd
						{
							display: inline;	
						}
					
		/*-- HOVER --*/
		ul.advanced-selector li.hover dl.item
		{
			padding: 11px;
			cursor: pointer;
			border: 2px dashed #ccc;
		}
		
			ul.advanced-selector li.hover dl.item label,
			ul.advanced-selector li.hover dl.item input.input-radio
			{
				cursor: pointer;
			}
		
		/*-- SELECTED --*/
		ul.advanced-selector li.selected dl.item
		{
			padding: 11px;
			border: 2px solid #204084;
		}
		
		/*-- ACTIONS --*/
		ul.advanced-selector .actionlist
		{
			padding-top: 0;
			border: none;
		}
		
			ul.advanced-selector .actionlist ul.actions li.action
			{
				margin-right: 10px;
				padding-left: 2px;
				font-size: 0.917em;
			}

				ul.advanced-selector .actionlist ul.actions li.action a
				{
					text-decoration: none;
				}
		
/*======================================================================
	MESSAGES (system)
----------------------------------------------------------------------*/
.messagelist ul.messages
{
	margin: 0.5em 0;
	list-style: none;	
}

	.messagelist ul.messages li.message
	{
		margin: 0.5em 0;
		padding: 1em 44px;
		font-size: 1.167em;
		background: none;
	}
	
		.messagelist ul.messages li.message span
		{
			font-weight: bold;
		}

		/*-- INFORMATION --*/
		.messagelist ul.messages li.message-information
		{
			color: #032e4e;
			background: #d8e6f0 url(../../../_global/images/icons/icon_shoppe/disco/24/comment.png) 10px center no-repeat;
			border: 3px double #fff;
		}
		/*-- AUTHENTICATION REQUIRED --*/
		.messagelist ul.messages li.message-authenticationrequired
		{
			padding: 0.6em 28px;
			font-size: 0.917em;
			color: #333;
			background: #f3f4f5 url(../../../_global/images/icons/icon_shoppe/disco/16/locked.png) 6px center no-repeat;
			border: 1px solid #bfcbd4;
		}
		/*-- CONFIRMATION --*/
		.messagelist ul.messages li.message-confirmation
		{
			color: #333;
			background: #f1f1f1 url(../../../_global/images/icons/icon_shoppe/disco/24/minus.png) 10px center no-repeat;
			border: 2px solid #757575;
		}
		/*-- WARNING --*/
		.messagelist ul.messages li.message-warning
		{
			color: #333;
			background: #fff0e3 url(../../../_global/images/icons/icon_shoppe/disco/24/alert.png) 10px center no-repeat;
			border: 2px solid #f8891f;
		}
		/*-- ERROR --*/
		.messagelist ul.messages li.message-error
		{
			color: #000;
			background: #fef2f1 url(../../../_global/images/icons/icon_shoppe/disco/24/!.png) 10px center no-repeat;
			border: 2px solid #b61a1a;
		}
		/*-- SUCCESS --*/
		.messagelist ul.messages li.message-success
		{
			color: #333;
			background: #f3ffe9 url(../../../_global/images/icons/icon_shoppe/disco/24/check.png) 10px 10px no-repeat;
			border: 2px solid #65a63e;	
		}
		/*-- BLANK --*/
		.messagelist ul.messages li.message-blank
		{
			color: #333;
			background: #f1f1f1 10px center no-repeat;
			border: 2px solid #757575;
		}

	/*---------------------------------
		SUBMESSAGES
	---------------------------------*/
	.messagelist ul.messages ul.submessages
	{
		margin: 0 0 0 1em;
	}

		.messagelist ul.messages ul.submessages li.submessage
		{
			padding-left: 22px;
			list-style: none;
			background: none;
			background-color: transparent;
			background-position: 0 0;
			background-repeat: no-repeat;
		}

			/*-- INFORMATION --*/
			.messagelist ul.messages ul.submessages li.submessage-information
			{
				background-image: url(../../../_global/images/icons/icon_shoppe/disco/16/comment.png);
			}
			/*-- AUTHENTICATION REQUIRED --*/
			.messagelist ul.messages ul.submessages li.submessage-authenticationrequired
			{
				background-image: url(../../../_global/images/icons/icon_shoppe/disco/16/locked.png);
			}
			/*-- CONFIRMATION --*/
			.messagelist ul.messages ul.submessages li.submessage-confirmation
			{
				background-image: url(../../../_global/images/icons/icon_shoppe/disco/16/minus.png);
			}
			/*-- WARNING --*/
			.messagelist ul.messages ul.submessages li.submessage-warning
			{
				background-image: url(../../../_global/images/icons/icon_shoppe/disco/16/alert.png);
			}
			/*-- ERROR --*/
			.messagelist ul.messages ul.submessages li.submessage-error
			{
				background-image: url(../../../_global/images/icons/icon_shoppe/disco/16/!.png);
			}
			/*-- SUCCESS --*/
			.messagelist ul.messages ul.submessages li.submessage-success
			{
				background-image: url(../../../_global/images/icons/icon_shoppe/disco/16/check.png);
			}

/*======================================================================
	ORDER DATA (order review, confirmation, history)
----------------------------------------------------------------------*/
.order-data
{}

	/*---------------------------------
		SHIPMENTS (single & multiple)
	---------------------------------*/
	.order-data .shipments
	{}

		.order-data .shipments h4
		{
			font-weight: bold;
			color: #333;	
		}
	
			.order-data .shipments .info h4 span
			{
				font-size: 0.833em;
				font-weight: normal;
				color: #999;
			}
		
		.order-data .shipments .info dl
		{
			margin: 0.333em 0 0.667em;
		}
	
		.order-data ol.shipmentlist
		{
			margin: 0;
			list-style: none;	
		}
	
			.order-data ol.shipmentlist li.shipment
			{
				margin: 0;	
				background: none;
			}

	/*---------------------------------
		SINGLE SHIPMENTS
	---------------------------------*/
	.order-data .shipments-single h2,
	.order-data .shipments-single h3
	{
		display: none;
	}
	
	.order-data .shipments-single .info
	{
		margin-bottom: 1em;	
	}

		.order-data .shipments-single .info h4 span
		{
			font-size: 0.765em;
			font-weight: normal;
			color: #999;
		}

		.order-data .shipments-single .info .address,
		.order-data .shipments-single .info .method,
		.order-data .shipments-single .info .meta
		{
			padding: 0 20px 1em;
			width: 266px;
			min-height: 140px;
			float: left;
			border-left: 1px solid #ccc;
		}
		* html .order-data .shipments-single .info .address,
		* html .order-data .shipments-single .info .method,
		* html .order-data .shipments-single .info .meta { height: 140px; }
	
		.order-data .shipments-single .info .address
		{
			border: none;	
		}	
	
	/*---------------------------------
		MULTIPLE SHIPMENTS
	---------------------------------*/
	.order-data .shipments-multiple ol.shipmentlist
	{
		margin-bottom: 2em;	
	}

		.order-data .shipments-multiple ol.shipmentlist li.shipment
		{
			margin-bottom: 1em;
			padding-top: 1em;
			clear: both;
			border-top: 1px solid #dcdcdc;
		}

		.order-data .shipments-multiple ol.shipmentlist li.shipment-last
		{
			padding-bottom: 1em;
			border-bottom: 1px solid #dcdcdc;
		}
		
			/*-- INFO --*/
			.order-data .shipments-multiple .info
			{
				position: relative;
				margin-right: 20px;
				width: 230px;
				float: left;
				color: #666;
			}
		
				.order-data .shipments-multiple .info h3
				{
					position: absolute;
					left: -5px;
					top: 0;
					margin: 0;
					padding: 0;
					font: normal 50px/40px "Courier New", Helvetica, Verdana, Arial, Sans-serif;
					color: #dadada;	
					z-index: 1;
				}
			
					.order-data .shipments-multiple .info h3 span
					{
						display: none;
					}
			
				.order-data .shipments-multiple .info h4
				{
					margin: 0;	
				}
			
				.order-data .shipments-multiple .info .address,
				.order-data .shipments-multiple .info .method,
				.order-data .shipments-multiple .info .meta
				{
					position: relative;
					margin-bottom: 1em;	
					margin-left: 25px;
					z-index: 2;
				}
					
					.order-data .shipments-multiple .info .meta dt
					{
						font-weight: normal;
					}
			
			/*-- ITEMS --*/
			.order-data .shipments-multiple .items
			{
				width: 670px;
				float: right; 
			}	
		
				.order-data .shipments-multiple .items .u-shipment-items
				{
					margin-bottom: 0;
				}
			
			/*-- SHIPMENT TOTALS --*/
			.order-data .shipments-multiple .u-miscellaneous-totalstable
			{
				width: 670px;
				clear: right;
				float: right;
			}
			
				.order-data .shipments-multiple .u-miscellaneous-totalstable .totalstable table th
				{
					border-left: 1px solid #dcdcdc;
				}

	/*---------------------------------
		TENDERS
	---------------------------------*/
	.order-data .tenders
	{
		margin-bottom: 1.333em;
	}

		.order-data .tenders table.base
		{
			margin-bottom: 2px;	
		}

	/*---------------------------------
		ORDER TOTALS
	/--------------------------------*/
	.order-data .totals
	{
		margin-bottom: 1em;	
	}

		.order-data .totals h2
		{
			margin: 0;
			padding: 10px 5px 5px 10px;
			width: 285px;
			float: right;
			text-align: left;
			background: transparent url(../images/layout/sprite_globals.png) 0 -225px repeat-x;
			border-bottom: 1px solid #dcdcdc;
		}

		.order-data .totals .u-miscellaneous-totalstable
		{
			width: 300px;
			float: right;
			clear: both;
			border: none;
		}
		
			.order-data .totals .u-miscellaneous-totalstable table
			{
				margin-top: 0;
				width: 300px;
				float: right;
			}

/*======================================================================
	CSS BUTTONS
	--------------------------------------------------------------------
	Tricky stuff here. Lots of positioning and negative margins to 
	allow the use of shadows and rounded corners with full alpha 
	transparency using a single image each for normal and hover state.
	This markup is generated by a custom .NET control.
	--------------------------------------------------------------------
	html>body selectors block IE6, who apparently repeated 2nd grade
	only to fail 3rd grade for poor computational and communication 
	skills.
----------------------------------------------------------------------*/
/*---------------------------------
	BUTTON
---------------------------------*/
.button 
{
	position: relative;
	display: block;
	padding: 4px 6px;
	float: left;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	cursor: pointer;
	margin-bottom: 5px;
}
* html .button { background-color: #e31e2b; }

	html>body .button * 
	{
		position: relative;
		display: block;
		font-style: normal;
		background-image: url(../images/buttons/button.png);
		background-repeat: no-repeat;
	}
	/*-- TOP LEFT --*/
	html>body .button i 
	{
		position: absolute;
		left: 0;
		top: 0;
		margin-bottom: -4px;
		width: 6px;
		height: 4px;
		background-position: top left;
	}
	/*-- BOTTOM LEFT --*/
	html>body .button span 
	{
		left: -6px;
		margin-bottom: -4px;
		padding: 0 0 4px 12px;
		background-position: bottom left;
	}
	/*-- BOTTOM RIGHT --*/
	html>body .button span i 
	{
		position: absolute;
		left: 100%;
		top: 0;
		margin-bottom: 0;
		width: 12px;
		height: 100%;
		background-position: bottom right;
	}
	/*-- TOP RIGHT --*/
	html>body .button span span 
	{
		position: absolute;
		right: -12px;
		top: -4px;
		margin-left: 12px;
		min-width: 0;
		height: 0;
		background-position: top right;
	}
	/*-- HOVER --*/
	.button:hover,
	.button:focus
	{
		text-decoration: none;
		color: #fff;
	}

		html>body .button:hover *,
		html>body .button:focus *  
		{
			background-image: url(../images/buttons/button-hover.png);
		}

/*======================================================================
	CSS CORNERS
----------------------------------------------------------------------*/
/*---------------------------------
	ALL CORNERS
---------------------------------*/
.corners
{
	position: relative;
}
	.corners-container * 
	{
		display: block;
		position: absolute;
		width: 5px;
		height: 5px;
		background-color: transparent;
		background-image: url(../images/layout/sprite_globals.png);
		background-repeat: no-repeat;
		overflow: hidden;
	}
		
/*---------------------------------
	CORNERS A
	-------------------------------
	Rounded corners on all sides
---------------------------------*/
.corners-a .corners-container .c-tl { left: 0; top: 0; background-position: -159px 0; }
.corners-a .corners-container .c-tr { right: 0; top: 0; background-position: -164px 0; }
.corners-a .corners-container .c-br { right: 0; bottom: 0; background-position: -164px -5px; }
.corners-a .corners-container .c-bl { left: 0; bottom: 0; background-position: -159px -5px; }

/*---------------------------------
	CORNERS B
	-------------------------------
	Rounded corners on top only
---------------------------------*/
.corners-b .corners-container .c-tl { left: 0; top: 0; background-position: -159px 0; }
.corners-b .corners-container .c-tr { right: 0; top: 0; background-position: -164px -0; }
.corners-b .corners-container .c-br { display: none; background-position: -9999px -9999px; }
.corners-b .corners-container .c-bl { display: none; background-position: -9999px -9999px; }

/*---------------------------------
	CORNERS C
	-------------------------------
	Rounded borders on all sides
---------------------------------*/
.corners-c .corners-container .c-tl { left: -1px; top: -1px; background-position: -159px -14px; }
.corners-c .corners-container .c-tr { right: -1px; top: -1px; background-position: -164px -14px; }
.corners-c .corners-container .c-br { right: -1px; bottom: -1px; background-position: -164px -19px; }
.corners-c .corners-container .c-bl { left: -1px; bottom: -1px; background-position: -159px -19px; }

/*---------------------------------
	CORNERS D
	-------------------------------
	Rounded corners on top
	Rounded borders on bottom
---------------------------------*/
.corners-d .corners-container .c-tl { left: 0; top: 0; background-position: -159px 0; }
.corners-d .corners-container .c-tr { right: 0; top: 0; background-position: -164px 0; }
.corners-d .corners-container .c-br { right: 0; bottom: 0; background-position: -164px -19px; }
.corners-d .corners-container .c-bl { left: 0; bottom: 0; background-position: -159px -19px; }

/*---------------------------------
	CORNERS E
	-------------------------------
	Rounded borders on bottom only
---------------------------------*/
.corners-e .corners-container .c-tl { display: none; background-position: -9999px -9999px; }
.corners-e .corners-container .c-tr { display: none; background-position: -9999px -9999px; }
.corners-e .corners-container .c-br { right: 0; bottom: 0; background-position: -164px -19px; }
.corners-e .corners-container .c-bl { left: 0; bottom: 0; background-position: -159px -19px; }

/*---------------------------------
	CORNERS F
	-------------------------------
	Rounded corners on left only
---------------------------------*/
.corners-f .corners-container .c-tl { left: 0; top: 0; background-position: -159px 0; }
.corners-f .corners-container .c-tr { display: none; background-position: -9999px -9999px; }
.corners-f .corners-container .c-br { display: none; background-position: -9999px -9999px; }
.corners-f .corners-container .c-bl { left: 0; bottom: 0; background-position: -159px -5px; }

/*---------------------------------
	CORNERS G
	-------------------------------
	Rounded borders on all but top left
---------------------------------*/
.corners-g .corners-container .c-tl { display: none; background-position: -9999px -9999px; }
.corners-g .corners-container .c-tr { right: -1px; top: -1px; background-position: -164px -14px; }
.corners-g .corners-container .c-br { right: -1px; bottom: -1px; background-position: -164px -19px; }
.corners-g .corners-container .c-bl { left: -1px; bottom: -1px; background-position: -159px -19px; }

/*======================================================================
	POPUPS
----------------------------------------------------------------------*/
.popup
{
	display: none;
}
#colorbox .popup 
{
    display: inline;
}
#colorbox 
{
    display: none;
}

#cboxOverlay 
{
    background: #333;
}

/*======================================================================
	TABLES
----------------------------------------------------------------------*/
/*---------------------------------
	BASE TABLE
---------------------------------*/
table.base
{
	margin-bottom: 1.2em;
	width: 100%;
	font-size: 1em;
	border-spacing: 0;
	*border-collapse: collapse;
}

	table.base input.input-text, 
	table.base input.input-password, 
	table.base textarea
	{
		font-size: 1em;
	}
	
	table.base th
	{
		font-weight: bold;
		font: bold 1.083em "Trebuchet MS", Arial, Verdana, Helvetica, Sans-serif;
		text-align: left;
		vertical-align: bottom;
		color: #333;
	}
	
		table.base thead th
		{
			padding: 0.808em 10px 0.5em;
			background: transparent url(../images/layout/sprite_globals.png) 0 -225px repeat-x;
			border-bottom: 1px solid #dcdcdc;
		}
	
	table.base td
	{
		padding: 1.1em 10px;
		text-align: left;
		vertical-align: top;
		color: #666;
		border-bottom: 1px dashed #dcdcdc;
	}
	
		table.base tr.last td
		{
			border-bottom-style: solid;
		}
	
		table.base td.first
		{
			border-left: 1px solid #dcdcdc;
		}
		
		table.base td.last
		{
			border-right: 1px solid #dcdcdc;
		}
	
		table.base th.numeric,
		table.base td.numeric
		{
			text-align: center;
		}
	
	/*-- ACTIONS IN TABLES --*/
	table.base div.actionlist
	{
		padding: 0;
		border: 0 none;
	}
	
		table.base ul.actions li.action
		{
			margin-top: 0;
		}
	
		table.base ul.actions li.action-secondary
		{
			padding-top: 0;
		}
	
	/*-- ACTIONS DIRECTLY AFTER TABLES --*/
	div.actionlist-aftertable
	{
		margin-top: -1.2em;
		padding: 7px 13px;
		border: 1px solid #e5e5e5;
		border-top: none;
	}

/*---------------------------------
	LINE ITEM TABLE
	cart, order review, 
	confirmation & history
	-------------------------------
	always inherits from table.base
---------------------------------*/
table.lineitems
{
	margin-bottom: 0;
}

	table.lineitems ul
	{
		margin: 0;
		list-style: none;	
	}
	
		table.lineitems ul li
		{
			margin-top: 0;
		}

		table.lineitems ul dl
		{
			margin: 0 0 0.5em;
		}
		
			table.lineitems ul dt
			{
				display: inline; 	
				font-weight: bold;
			}

				table.lineitems ul dd
				{
					display: inline; 	
					margin: 0;
				}

	table.lineitems td.column-product .product-image
	{
		margin: 0 10px 10px 0;
		margin-bottom: 25px;
		float: left;	
	}

	table.lineitems  td.column-product span.product-fulfillmentsystemid,
	table.lineitems  td.column-product span.sku-fulfillmentsystemid
	{
		display: block;
		color: #999;
	}
	/* Brodart only wants to show SKU FIDs */
	table.lineitems  td.column-product span.product-fulfillmentsystemid
	{
		display: none;
	}
	
	table.lineitems th.column-quantity,
	table.lineitems td.column-quantity
	{
		text-align: center;
	}

/*---------------------------------
	GRID TABLE
---------------------------------*/
table.grid
{
	margin: 1.2em 0;
	width: 100%;
	border-collapse: collapse;   
	background-color: #fff;
	border: 1px solid #ccc;
}

	table.grid tbody th
	{
		padding: 0.5em 4px;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		background-color: #f1f1f1;
		border: 1px solid #ccc;
	}
	
		table.grid th span
		{
			display: block;
			font-weight: normal;
			font-size: 0.917em;	
		}
	
	table.grid td
	{
		padding: 0.5em 4px;
		text-align: left;
		border: 1px solid #ccc;
	}

/*---------------------------------
	PRICE TABLE
---------------------------------*/
table.price
{
	width: 100%;
	border-spacing: 0;
	*border-collapse: collapse;
	border: 1px solid #c0c0c0;
}
	table.price caption
	{
		position: relative;
		margin: 0;
		padding: 10px 5px 5px 26px;
		font: bold 1.083em "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
		text-align: left;
		color: #333;
		background: transparent url(../images/layout/sprite_globals.png) 0 -225px repeat-x;
	}
	
		table.price caption i
		{
			display: block;
			position: absolute;
			left: 4px;
			top: 7px;
			width: 20px;
			height: 25px;
			background: transparent url(../images/layout/sprite_products.png) -87px -36px no-repeat;
		}
	
	table.price thead
	{
		display: none;
	}
	
	table.price td
	{
		padding: 2px 8px;
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		text-align: right;
		border: none;
	}
	
		/*-- QUANTITY --*/
		table.price td.column-quantity
		{
			background-color: #f7f7f7;
			border-right: 1px solid #c0c0c0;
		}
		table.price td.column-minimum
		{
		    border-top: 1px solid #c0c0c0;
		    background-color: #FAEBD7;
		    text-align:center;   
		}
		.column-quantitypicker
        {
            border: 1px solid #a5a5a5;
            padding: 4px;
            background: rgb(255, 255, 255) url("../images/layout/bg_input.png") repeat-x scroll left bottom;
        }
        	
		/*-- PRICE --*/
		table.price td.column-price
		{
			padding-left: 18px;
			text-align: left;
		}
	
			table.price td.column-price .u-products-pricing
			{
				font-weight: normal;
				color: #666;
			}
	
		/*-- SELECTED PRICE --*/
		table.price tr.selected td.column-price
		{
			background: transparent url(../images/layout/icon_check.png) 5px 5px no-repeat;
		}
	
			table.price tr.selected td.column-price .u-products-pricing
			{
				font-weight: bold;
				color: #4c89c9;
			}

/*---------------------------------
	STRIPED TABLE
	-------------------------------
	always inherits from existing 
	table classes
---------------------------------*/
table.striped
{}

	table.striped td
	{
		background-color: #fff;
	}

	table.striped tr.alt td
	{
		background-color: #f1f1f1;
	}

/*======================================================================
	TABS
	--------------------------------------------------------------------
	jQuery UI
----------------------------------------------------------------------*/
.ui-tabs-nav
{
	position: relative;
	bottom: -1px;
	margin: 0;
	list-style: none;
	z-index: 1005;
	zoom: 1;
}
* html .ui-tabs-nav { height: 1%; }

	.ui-tabs-nav li
	{
		margin: 0 4px 0 0;
		padding: 0;
		float: left;
	}

		.ui-tabs-nav li a
		{
			display: block;
			padding: 9px 16px;
			font-size: 1.083em;
			text-decoration: none;
			color: #666;
			background: transparent url(../images/layout/sprite_globals.png) 0 -225px repeat-x;
			outline: none;
		}

			.ui-tabs-nav li a:hover,
			.ui-tabs-nav li.ui-tabs-selected a,
			.ui-tabs-nav li.ui-tabs-selected a:hover
			{
				padding-bottom: 7px;
				color: #fff;
				background-position: 0 -105px;
				border-bottom: 2px solid #518beb;
			}

.ui-tabs-panel
{
	position: relative;
	padding: 20px 16px;
	clear: both;
	border: 1px solid #dcdcdc;
	z-index: 1001;
	zoom: 1;
}

.products-tabs .ui-tabs-panel
{
	padding: 4px 5px 0;
}

.js .ui-tabs-hide
{
	display: none;
}

/*======================================================================
	DIALOGS
	--------------------------------------------------------------------
	jQuery UI
----------------------------------------------------------------------*/
.ui-dialog
{
	padding: 5px;
	background-color: #fff;
}

	.ui-dialog-titlebar-close
	{
		display: block;
		padding: 0 5px 5px 0;
		text-transform: capitalize;
		text-align: right;
	}
	
	/* UI renders this element in even if emtpy. Causes spacing issues. */
	.ui-dialog-title
	{
		display: none;
	}

	.ui-dialog-content img
	{
		display: block;
		margin: 0 auto;
		border: 2px solid #e8e8e8;
	}

/*---------------------------------
	OVERLAY
---------------------------------*/
.ui-widget-overlay
{
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(../images/layout/bg_overlay.png) 0 0 repeat;
}

/*---------------------------------
	DATEPICKER
---------------------------------*/
.ui-datepicker {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 5px;
	*width: 175px;
	_height: 230px;
	_overflow: hidden;
}
	.ui-datepicker-header {
		position: relative;
		margin-bottom: 3px;
		padding: 3px;
		text-align: center;
		background-color: #cacaca;
		border: 1px solid #a8a8a8;
		border-radius: 5px;
	}
		.ui-datepicker-title select {
			margin-right: 3px;
		}
		.ui-datepicker-prev,
		.ui-datepicker-next {
			position: relative;
			display: block;
			width: 12px;
			height: 12px;
			margin: 5px 0 0 2px;
			background:  url(../images/layout/sprite_datepicker-icons.jpg) 0 0 no-repeat;
			overflow: hidden;
			cursor: pointer;
			zoom:1;
		}
		.ui-datepicker-prev {
			margin-right: 5px 5px 0 2px;
			float: left;
		}
		.ui-datepicker-next {
			margin: 5px 2px 0 5px;
			float: right;
			background-position: -12px 0;
		}
			.ui-datepicker-prev .ui-icon,
			.ui-datepicker-next .ui-icon {
				position: absolute;
				left: -9999em;
			}

	.ui-datepicker-calendar td {
		text-align: right;
		border: 1px solid #d7d7d7;
	}
		.ui-datepicker-calendar td a {
			display: block;
			padding: 3px;
			text-decoration: none;
			background-color: #e7e7e7;
		}
		.ui-datepicker-calendar td a:hover {
			background-color: #f9f9f1;
		}

/*======================================================================
	CLEARFIX
----------------------------------------------------------------------*/
.clearfix { display: block; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }

/*======================================================================
	WEBLINC DEVELOPER TOOLBAR
	--------------------------------------------------------------------
	this can be removed in live	client environments.
----------------------------------------------------------------------*/
.weblinc-developer-toolbar
{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 48px;
	min-height: 25px;
	background: transparent url(../../_default/images/developerbar/bg_dev-bar.png) 0 0 no-repeat;
}
	
	.weblinc-developer-toolbar a.weblinc-developer-toolbar-anchor
	{
		display: block;
		position: absolute; 
		top: 0;
		left: 0;
		width: 25px;
		height: 25px;
		font-size: 1px;
		text-indent: -9999px;
		background: transparent url(../../_default/images/developerbar/dev-bar-open-close.png) 0 -2px no-repeat;
		outline: none;
	}
		
		.weblinc-developer-toolbar a:hover.weblinc-developer-toolbar-anchor
		{
			background-position: -36px -2px;
		}
		
		.weblinc-developer-toolbar.open a.weblinc-developer-toolbar-anchor
		{
			background-color: transparent;
			background-position: 0 -26px;
		}
		
		.weblinc-developer-toolbar.open a:hover.weblinc-developer-toolbar-anchor
		{
			background-color: transparent;
			background-position: -36px -26px;
		}

	.weblinc-developer-toolbar.open
	{
		width: 100%;
		background-color: #666;
	}
		.weblinc-developer-toolbar .weblinc-developer-toolbar-content
		{
			display: none;
			padding-left: 60px;
		}
		.weblinc-developer-toolbar.open .weblinc-developer-toolbar-content
		{
			display: block;
		}
		
		
/* jquery colorbox (used for customization popups) */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}