﻿/*======================================================================
	BRODART: Default Layout
----------------------------------------------------------------------*/
body
{
	background: #fff url(../images/layout/bg_body.png) 0 0 repeat-x;
}

/*======================================================================
	STRUCTURE
----------------------------------------------------------------------*/
#main-container
{
	position: relative;
	margin: 0 auto;
	padding-bottom: 4em;
	width: 960px;
}

#body-container
{
	margin: 0 auto;
	width: 940px;
}

#side-container 
{
	margin-right: 10px;
	width: 190px;
	float: left;
}	

#content-container
{
	width: 940px;
	min-height: 420px;
}
* html #content-container { height: 420px; }

	.with-side-container #content-container
	{
		margin: 0;
		padding: 0 0 2em;
		width: 740px;
		min-height: 400px;
		float: left;
	}
	* html .with-side-container #content-container { height: 400px; }

/*======================================================================
	HEADER CONTAINER
----------------------------------------------------------------------*/
#header-container
{
	position: relative;
	margin-bottom: 2px;
	z-index: 2000;
}

	/*---------------------------------
		LOGO
	---------------------------------*/
	#logo
	{
		position: absolute;
		left: 23px;
		bottom: 10px;
		z-index: 5002;
	}

		#logo a
		{
			display: block;
			width: 97px;
			height: 94px;
			font-size: 1px;
			text-indent: -9999px;
			background: transparent url(../images/layout/sprite_globals.png) 0 0 no-repeat;
		}
	
	/*---------------------------------
		UTILITY NAV
	---------------------------------*/
	#utility-nav
	{
		padding: 10px 14px;
		font-size: 0.917em;
	}
	
		#utility-nav ul
		{
			margin: 0;
			float: right;
			list-style: none;
		}
		
			#utility-nav ul li
			{
				margin: 0;
				padding: 0 10px;
				float: right;
				line-height: 0.9;
				border-right: 1px solid #3b5792;
				border-left: 1px solid #b9c3d5;
			}
			
			#utility-nav ul li.contact
			{
				padding-right: 20px;
				line-height: 1;
				border: none;
			}
			
				#utility-nav ul li.contact a
				{
					margin-right: 8px;
				}
				
				#utility-nav ul li.contact span.phone
				{
					position: relative;
					padding-left: 23px;
					font-weight: bold;
					color: #204084;
				}
					
					#utility-nav ul li.contact span.phone span
					{
						display: block;
						position: absolute;
						left: 0;
						top: -3px;					
						margin-right: 6px;
						width: 17px;
						height: 17px;
						font-size: 1px;
						text-indent: -9999px;
						background: transparent url(../images/layout/sprite_globals.png) -133px -24px no-repeat;
					}
			
			#utility-nav ul li.quote
			{
				border-left: none;
			}
			
			#utility-nav ul li.international
			{
				padding-right: 0;
				border-right: none;
			}
		
	/*---------------------------------
		HEADER
	---------------------------------*/
	#header
	{
		padding: 10px 10px 14px 136px;
		/*border-top: 1px solid #e9e8e8;*/
		width: 832px;
	}
	
		/*-- SEARCH --*/
		#search-container
		{
			margin-right: 32px;
			padding-top: 12px;
			float: left;
		}

			#search-container label
			{
				padding: 4px 10px 0 0;
				float: left;
				font-size: 1.083em;
				font-weight: bold;
				color: #204084;
			}
			
			#search-container .input-container
			{
				display: block;
				position: relative;
				float: left;
			}
	
				#search-container input.input-text
				{
					margin-right: 8px;
					padding-left: 24px;
					width: 138px;
				}
			
					#search-container input.focused,
					#search-container input.input-text:focus
					{
						padding-left: 23px;
					}

				#search-container .input-container i
				{
					display: block;
					position: absolute;
					left: 6px;
					top: 5px;
					width: 14px;
					height: 14px;
					background: transparent url(../images/layout/sprite_globals.png) -109px 0;
				}
			#search-container .error
			{
				display: block;
				position: relative;
				margin-left: 55px;
				clear: left;
				*zoom:1;			
				_width:166px;
    		}

	
			/* TODO: remove .NET validator junk */
			#search-container span#ctl00_ctl00_ctl00_BodyContent_rfvSearch
			{
				display: none;
			}
			
		/*-- USER / SHOPPING --*/
		#user,
		#shopping
		{
			margin-right: 16px;
			padding: 2px 8px 0 0;
			max-width: 168px;
			float: left;
			font-size: 0.917em;
			border-right: 1px solid #d5d5d5;
			height: 60px;
		}
		
			#user ul,
			#shopping ul
			{
				margin: 0;
				list-style: none;
			}
			
				#user ul li,
				#shopping ul li
				{
					margin: 0 0 0.833em;
					line-height: 1;
				}
				
			#user span.welcome
			{
				display: block;
				margin-right: 4px;
				padding-right: 4px;
				float: left;
				border-right: 1px solid #ccc;
			}
			
			/* cart */
			#shopping li.cart
			{
				font-size: 1.091em;
				font-weight: bold;
			}
			
				#shopping li.cart a
				{
					text-decoration: none;
					color: #4c89c9;
				}
				
					#shopping li.cart a span
					{
						margin-left: 2px;
						font-weight: normal;
						color: #204084;
					}
					
						#shopping li.cart a:hover span
						{
							text-decoration: underline;
							color: #d42634;
						}
						
			/* checkout */
			#shopping li.checkout
			{
				position: relative;
				margin-right: 9px;
				padding-right: 10px;
				float: left;
				border-right: 1px solid #5b73a5;
			}
			
				#shopping li.checkout a
				{
					padding-left: 21px;
				}
				
					#shopping li.checkout a i
					{
						display: block;
						position: absolute;
						left: 0;
						top: -3px;
						width: 17px;
						height: 15px;
						background: transparent url(../images/layout/sprite_globals.png) -109px -24px no-repeat;
					}
			
			/* checkout */
			#shopping li.lists
			{
				position: relative;
				padding-right: 4px;
				float: left;
			}

				#shopping li.lists a
				{
					padding-left: 21px;
				}

					#shopping li.lists a i
					{
						display: block;
						position: absolute;
						left: 0;
						top: 0;
						width: 14px;
						height: 12px;
						background: transparent url(../images/layout/sprite_globals.png) -133px 0 no-repeat;
					}
					
			/*-- EMAIL SIGNUP --*/
			.email-signup
			{
				float:left;
				width: 158px;
				overflow: hidden;
			}
			.email-signup-button
			{
			    margin-left: 5px;
                margin-top: 7px;
			}
			.email-signup-prompt
			{
			    float:left;
			    width: 56px;
			    padding-top: 3px;
			    clear:both;
			}
			
				.col .email-signup ul
				{
					margin: 0;
					padding: 0;
					min-height: 0;
					border: none;
				}
			
				.email-signup label
				{
					margin-bottom: 0.5em;
					padding-left: 32px;
					font-size: 1.091em;
					font-weight: bold;
					color: #333;
				}
				
					.email-signup label span.required
					{
						display: none;
					}
				
					.email-signup label i
					{
						display: block;
						width: 32px;
						height: 23px;
						background: transparent url(../images/layout/sprite_globals.png) -109px -51px no-repeat;
					}
				
				.email-signup .input-text
				{
					width: 143px;
					font-size: 1em;
					float: left;
					margin-top: 1px;
				}
		
		/*-- SECURITY --*/
		#security
		{
			padding-top: 20px;
			padding-right: 5px;
			width: 64px;
			height: 37px;
			float: left;
			padding-left: 65px;
		}
		
/*======================================================================
	NAVIGATION
----------------------------------------------------------------------*/
/*---------------------------------
	ACCESSIBILITY NAVIGATION
---------------------------------*/
#accessibility-nav
{
	position: absolute;
	left: -9999px;
	top: -9999px;	
}

/*---------------------------------
	PRIMARY NAVIGATION
---------------------------------*/
#primary-nav
{
	position: relative;
	margin: 0 auto;
	width: 940px;
	z-index: 5000;
}

	#primary-nav ul
	{
		margin: 0;
		width: 741px;
		float: left;
		list-style: none;
	}

		#primary-nav ul li
		{
			margin: 0;
			float: left;
		}
	
			#primary-nav ul li a,
			#primary-nav a.catalog-quick-order
			{
				display: block;
				height: 46px;
				font-size: 1px;
				text-indent: -9999px;
				background-color: transparent;
				background-image: url(../images/layout/sprite_primary-nav.png);
				background-repeat: no-repeat;
				outline: none;
			}
			
				#primary-nav ul li ul
				{
					display: none;
				}
				
				/* supplies */
				#primary-nav ul li a.navigation-item-006361d9-5726-47b4-8280-fc8e18bba172,
				#primary-nav ul li a.navigation-item-fa1b26c3-34e5-4b9f-9d0f-2ed0ecf50539 { width: 197px; background-position: 0 0; }
				#primary-nav ul li a:hover.navigation-item-006361d9-5726-47b4-8280-fc8e18bba172,
				#primary-nav ul li a:hover.navigation-item-fa1b26c3-34e5-4b9f-9d0f-2ed0ecf50539,
				#primary-nav ul li.navigation-item-006361d9-5726-47b4-8280-fc8e18bba172 a.current,
				#primary-nav ul li.navigation-item-fa1b26c3-34e5-4b9f-9d0f-2ed0ecf50539 a.current { background-position: 0 -46px; }
				
				/* equipment */
                #primary-nav ul li a.navigation-item-b77dc531-52cd-4046-a6e8-6300785d7f50,
				#primary-nav ul li a.navigation-item-4894555a-2a56-4088-89f5-1ee16e407d14  { width: 98px; background-position: -197px 0; }
				#primary-nav ul li a:hover.navigation-item-b77dc531-52cd-4046-a6e8-6300785d7f50,
				#primary-nav ul li a:hover.navigation-item-4894555a-2a56-4088-89f5-1ee16e407d14,
				#primary-nav ul li.navigation-item-b77dc531-52cd-4046-a6e8-6300785d7f50 a.current,
				#primary-nav ul li.navigation-item-4894555a-2a56-4088-89f5-1ee16e407d14 a.current { background-position: -197px -46px; }
				
				/* furnishings */
				#primary-nav ul li a.navigation-item-ddcc45b4-0dcf-4928-9cd0-255e348ae480,
				#primary-nav ul li a.navigation-item-8c24736e-0787-4410-8ad4-5e4dc9febed1 { width: 106px; background-position: -295px 0; }
				#primary-nav ul li a:hover.navigation-item-ddcc45b4-0dcf-4928-9cd0-255e348ae480,
				#primary-nav ul li a:hover.navigation-item-8c24736e-0787-4410-8ad4-5e4dc9febed1,
				#primary-nav ul li.navigation-item-ddcc45b4-0dcf-4928-9cd0-255e348ae480 a.current,
				#primary-nav ul li.navigation-item-8c24736e-0787-4410-8ad4-5e4dc9febed1 a.current { background-position: -295px -46px; }
				
				/* new products */
				#primary-nav ul li a.navigation-item-3ed72d7c-c643-42ff-b2f3-0c0b2f87f405,
				#primary-nav ul li a.navigation-item-d07f6805-6631-4c5e-8a90-bc5fd8df8315 { width: 127px; background-position: -401px 0; }
				#primary-nav ul li a:hover.navigation-item-3ed72d7c-c643-42ff-b2f3-0c0b2f87f405,
				#primary-nav ul li a:hover.navigation-item-d07f6805-6631-4c5e-8a90-bc5fd8df8315,
				#primary-nav ul li.navigation-item-3ed72d7c-c643-42ff-b2f3-0c0b2f87f405 a.current,
				#primary-nav ul li.navigation-item-d07f6805-6631-4c5e-8a90-bc5fd8df8315 a.current { background-position: -401px -46px; }
				
				/* view all */
				#primary-nav ul li a.navigation-item-7bcea3c8-dc91-4b76-a608-53fed866b778,
				#primary-nav ul li a.navigation-item-4fb04c16-1c1d-4c42-a83b-f441fd93e0a8 { width: 85px; background-position: -528px 0; }
				#primary-nav ul li a:hover.navigation-item-7bcea3c8-dc91-4b76-a608-53fed866b778,
				#primary-nav ul li a:hover.navigation-item-4fb04c16-1c1d-4c42-a83b-f441fd93e0a8,
				#primary-nav ul li.navigation-item-7bcea3c8-dc91-4b76-a608-53fed866b778 a.current,
				#primary-nav ul li.navigation-item-4fb04c16-1c1d-4c42-a83b-f441fd93e0a8 a.current { background-position: -528px -46px; }
				
				/* special offers */
				#primary-nav ul li a.navigation-item-94221cfb-24c8-4a88-8912-842eb7291b1a,
				#primary-nav ul li a.navigation-item-3addabaf-ae28-413a-bc0a-a0bf6ece08ba { width: 128px; background-position: -613px 0; }
				#primary-nav ul li a:hover.navigation-item-94221cfb-24c8-4a88-8912-842eb7291b1a,
				#primary-nav ul li a:hover.navigation-item-3addabaf-ae28-413a-bc0a-a0bf6ece08ba,
				#primary-nav ul li.navigation-item-94221cfb-24c8-4a88-8912-842eb7291b1a a.current,
				#primary-nav ul li.navigation-item-3addabaf-ae28-413a-bc0a-a0bf6ece08ba a.current { background-position: -613px -46px; }
				
				/* BEGIN CANADIAN CSS */
				/* supplies */
				#primary-nav ul li a.navigation-item-796207b1-9a15-4e68-8684-64bf87052fde,
				#primary-nav ul li a.navigation-item-79e51f6b-747b-4dd0-bbb6-e2bc5cf82717 { width: 197px; background-position: 0 0; }
				#primary-nav ul li a:hover.navigation-item-796207b1-9a15-4e68-8684-64bf87052fde,
				#primary-nav ul li a:hover.navigation-item-79e51f6b-747b-4dd0-bbb6-e2bc5cf82717,
				#primary-nav ul li.navigation-item-796207b1-9a15-4e68-8684-64bf87052fde a.current,
				#primary-nav ul li.navigation-item-79e51f6b-747b-4dd0-bbb6-e2bc5cf82717 a.current { background-position: 0 -46px; }
				
				/* equipment */
				#primary-nav ul li a.navigation-item-998ae2b9-c79d-49c4-a83b-e6cdf0fc300f,
				#primary-nav ul li a.navigation-item-f482321f-544a-4db1-8160-eb23212cfaf9  { width: 98px; background-position: -197px 0; }
				#primary-nav ul li a:hover.navigation-item-998ae2b9-c79d-49c4-a83b-e6cdf0fc300f,
				#primary-nav ul li a:hover.navigation-item-f482321f-544a-4db1-8160-eb23212cfaf9,
				#primary-nav ul li.navigation-item-998ae2b9-c79d-49c4-a83b-e6cdf0fc300f a.current,
				#primary-nav ul li.navigation-item-f482321f-544a-4db1-8160-eb23212cfaf9 a.current { background-position: -197px -46px; }
				
				/* furnishings */
                #primary-nav ul li a.navigation-item-0ea81b51-c50a-4758-9136-d85724273799,
				#primary-nav ul li a.navigation-item-d562bac3-380b-4044-b2f5-c32bac678909 { width: 106px; background-position: -295px 0; }
				#primary-nav ul li a:hover.navigation-item-0ea81b51-c50a-4758-9136-d85724273799,
				#primary-nav ul li a:hover.navigation-item-d562bac3-380b-4044-b2f5-c32bac678909,
				#primary-nav ul li.navigation-item-0ea81b51-c50a-4758-9136-d85724273799 a.current,
				#primary-nav ul li.navigation-item-d562bac3-380b-4044-b2f5-c32bac678909 a.current { background-position: -295px -46px; }
				
				/* new products */
				#primary-nav ul li a.navigation-item-e44962d8-ef81-4d7d-802f-b176e38d36ba,
				#primary-nav ul li a.navigation-item-65f0a42e-4454-4f60-ae21-db08e51a895b { width: 127px; background-position: -401px 0; }
				#primary-nav ul li a:hover.navigation-item-e44962d8-ef81-4d7d-802f-b176e38d36ba,
				#primary-nav ul li a:hover.navigation-item-65f0a42e-4454-4f60-ae21-db08e51a895b,
				#primary-nav ul li.navigation-item-e44962d8-ef81-4d7d-802f-b176e38d36ba a.current,
				#primary-nav ul li.navigation-item-65f0a42e-4454-4f60-ae21-db08e51a895b a.current { background-position: -401px -46px; }
				
				/* view all */
				#primary-nav ul li a.navigation-item-cc1b427f-9084-4fd7-bd4f-4ebe6fa9f19b,
				#primary-nav ul li a.navigation-item-905d3203-8ad7-4740-8caa-ab61a275e033 { width: 85px; background-position: -528px 0; }
				#primary-nav ul li a:hover.navigation-item-cc1b427f-9084-4fd7-bd4f-4ebe6fa9f19b,
				#primary-nav ul li a:hover.navigation-item-905d3203-8ad7-4740-8caa-ab61a275e033,
				#primary-nav ul li.navigation-item-cc1b427f-9084-4fd7-bd4f-4ebe6fa9f19b a.current,
				#primary-nav ul li.navigation-item-905d3203-8ad7-4740-8caa-ab61a275e033 a.current { background-position: -528px -46px; }
				
				/* special offers */
				#primary-nav ul li a.navigation-item-e816b6dc-f514-4e61-bd21-dacf3d914a19,
				#primary-nav ul li a.navigation-item-914cae09-23e1-4fd6-8fb4-e598a10d6078 { width: 128px; background-position: -613px 0; }
				#primary-nav ul li a:hover.navigation-item-9e2e2c00-7ef3-4332-b0b3-70800484f39e,
				#primary-nav ul li a:hover.navigation-item-914cae09-23e1-4fd6-8fb4-e598a10d6078,
				#primary-nav ul li.navigation-item-e816b6dc-f514-4e61-bd21-dacf3d914a19 a.current,
				#primary-nav ul li.navigation-item-914cae09-23e1-4fd6-8fb4-e598a10d6078 a.current { background-position: -613px -46px; }
				/* END CANADIAN CSS */

				
				/* catalog quick order */
				#primary-nav a.catalog-quick-order { width: 199px; float: left; background-position: -741px 0; }
				#primary-nav a:hover.catalog-quick-order { background-position: -741px -46px; }

				/*-- MENU --*/
				#primary-nav ul li .menu
				{
					position: absolute;
					top: 42px;
					font-size: 0.917em;
					background-color: #fff;
					border: 1px solid #dadada;
					z-index: 5001;
				}
				
					#primary-nav ul li .menu .column
					{
						_display: inline;
						padding: 6px 5px;
						width: 150px;
						float: left;
					}
					
					#primary-nav ul li .menu .column-alt
					{
						background: transparent url(../images/layout/bg_primary-nav-column.png) 0 0 repeat-y;
					}
					
						#primary-nav ul li .menu ul
						{
							display: block;
							margin-bottom: 5px;
							width: auto;
							font-weight: bold;
						}
						
							#primary-nav ul li .menu ul li
							{
								margin-bottom: 4px;
								float: none;
								clear: both;
							}
							
								#primary-nav ul li .menu ul li a.navigation-item,
								#primary-nav ul li .menu ul li span.navigation-item
								{
									display: block;
									position: static;
									padding: 1px 10px;
									width: auto;
									height: auto;
									font-size: 1em;
									font-weight: bold;
									text-indent: 0;
									text-decoration: none;
									background-image: none;
								}
								
								#primary-nav ul li .menu ul li ul
								{
									font-weight: normal;
								}
								
									#primary-nav ul li .menu ul li ul li
									{
										margin-bottom: 0;
									}
								
										#primary-nav ul li .menu ul li ul a.navigation-item,
										#primary-nav ul li .menu ul li ul span.navigation-item
										{
											padding-left: 16px;
											font-size: 1em;
											font-weight: normal;
											text-decoration: none;
										}

/*---------------------------------
	BREADCRUMB NAVIGATION
---------------------------------*/
#breadcrumb-container
{
	margin: 5px 0 15px;
}

	#breadcrumb-container ul,
	#breadcrumb-container ul li
	{  
		margin: 0;
		padding: 0;
		display: inline;
	}
	
		#breadcrumb-container ul li a,
		#breadcrumb-container ul li a:visited,
		#breadcrumb-container ul li span
		{
			font-size: 0.917em;
		}

			#breadcrumb-container ul li.current a,
			#breadcrumb-container ul li.current a:visited,
			#breadcrumb-container ul li.current span
			{
				color: #333;
				text-decoration: none;
			}
			
				#breadcrumb-container ul li ul li
				{
					padding-left: 8px;
					background: transparent url(../images/layout/sprite_globals.png) 1px -349px no-repeat;
				}

/*---------------------------------
	CHECKOUT NAVIGATION
---------------------------------*/
.checkout-progress 
{
	margin: 1em 0;
}

	.checkout-progress h2
	{
		margin: 0;
		float: left;
	}
	
	ul.checkout-nav
	{
		margin: 0;
		width: 813px;
		float: left;
		list-style: none;
	}	

		.checkout-nav li
		{
			margin: 0;
			float: left;
		}
		
			.checkout-progress h2,
			.checkout-nav li a,
			.checkout-nav li span
			{
				padding: 0;
				height: 50px;
				display: block;
				font-size: 1px;
				text-indent: -9999px;
				background: transparent url(../images/layout/sprite_checkout-nav.png) 0 0 no-repeat;
			}
		
			/*-- HEADER -- */
			.checkout-progress h2
			{
				width: 127px;
			}	
			/*-- SIGN IN --*/
			.checkout-nav li.checkoutstart a,
			.checkout-nav li.checkoutstart span { width: 111px;	background-position: -127px 0; }
			.checkout-nav li.checkoutstart-complete a,
			.checkout-nav li.checkoutstart-complete span { background-position: -127px -100px; }	
			.checkout-nav li.checkoutstart-complete a:hover	{ background-position: -127px -150px; }
			.checkout-nav li.checkoutstart-current a,
			.checkout-nav li.checkoutstart-current span	{ background-position: -127px -50px; }
			
			/*-- ADDRESSES --*/
			.checkout-nav li.checkoutshippingaddressform a,
			.checkout-nav li.checkoutshippingaddressform span {	width: 145px; background-position: -238px 0; }
			.checkout-nav li.checkoutshippingaddressform-complete a,
			.checkout-nav li.checkoutshippingaddressform-complete span { background-position: -238px -100px;	}	
			.checkout-nav li.checkoutshippingaddressform-complete a:hover {	background-position: -238px -150px; }
			.checkout-nav li.checkoutshippingaddressform-current a,
			.checkout-nav li.checkoutshippingaddressform-current span { background-position: -238px -50px; }
			
			/*-- SHIPPING --*/
			.checkout-nav li.checkoutshippingmethodform a,
			.checkout-nav li.checkoutshippingmethodform span { width: 127px; background-position: -383px 0; }
			.checkout-nav li.checkoutshippingmethodform-complete a,
			.checkout-nav li.checkoutshippingmethodform-complete span { background-position: -383px -100px; }	
			.checkout-nav li.checkoutshippingmethodform-complete a:hover { background-position: -383px -150px; }
			.checkout-nav li.checkoutshippingmethodform-current a,
			.checkout-nav li.checkoutshippingmethodform-current span { background-position: -383px -50px; }
		
			/*-- BILLING --*/
			.checkout-nav li.checkoutpaymentform a,
			.checkout-nav li.checkoutpaymentform span {	width: 108px; background-position: -510px 0; }
			.checkout-nav li.checkoutpaymentform-complete a,
			.checkout-nav li.checkoutpaymentform-complete span { background-position: -510px -100px; }	
			.checkout-nav li.checkoutpaymentform-complete a:hover { background-position: -510px -150px; }
			.checkout-nav li.checkoutpaymentform-current a,
			.checkout-nav li.checkoutpaymentform-current span {	background-position: -510px -50px; }
			
			/*-- REVIEW --*/
			.checkout-nav li.checkoutorderreview a,
			.checkout-nav li.checkoutorderreview span {	width: 117px; background-position: -618px 0; }
			.checkout-nav li.checkoutorderreview-complete a,
			.checkout-nav li.checkoutorderreview-complete span { background-position: -618px -100px; }	
			.checkout-nav li.checkoutorderreview-complete a:hover { background-position: -618px -150px; }
			.checkout-nav li.checkoutorderreview-current a,
			.checkout-nav li.checkoutorderreview-current span { background-position: -618px -50px; }
			
			/*-- ORDER COMPLETE --*/	
			.checkout-nav li.checkoutorderconfirmation span { width: 205px; background-position: -735px 0; }
			.checkout-nav li.checkoutorderconfirmation-complete a,
			.checkout-nav li.checkoutorderconfirmation-complete span { background-position: -735px -100px; }	
			.checkout-nav li.checkoutorderconfirmation-complete a:hover { background-position: -735px -150px; }
			.checkout-nav li.checkoutorderconfirmation-current a,
			.checkout-nav li.checkoutorderconfirmation-current span { background-position: -735px -50px; }

/*---------------------------------
	ALL WIDGETS
---------------------------------*/
.widget
{
	margin-bottom: 1em;
}

	.widget h2,
	.widget h3
	{
		margin: 0;
		padding: 10px 5px 5px 10px;
		font: bold 1.3em "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
		color: #333;
		/*background: transparent url(../images/layout/sprite_globals.png) 0 -225px repeat-x;*/
		*zoom: 1;
	}

	.widget a
	{
		text-decoration: none;
	}

/*---------------------------------
	WIDGET NAVIGATION
---------------------------------*/
.widget-navigation
{}
	
	/*-- WIDGET BODY --*/
	.widget-navigation .widget-body
	{
		padding: 8px 0 4px;
		/*background-color: #f6f6f6;*/
	}
	
		.widget-navigation ul
		{
			margin: 0;
			list-style: none;
		}
		* html .widget-navigation ul { height: 1%; }
	
			.widget-navigation ul li
			{
				margin: 0;
				padding: 0;
			}
		
				.widget-navigation ul li a
				{
					padding: 0.25em 6px 0.25em 22px;
					display: block;
				}
			
				/*-- CURRENT ANCESTOR --*/
				* html .widget-navigation ul li.current-ancestor { zoom: 1; }
				
				.widget-navigation ul li a.current-ancestor
				{
					font-weight: bold;
					border-bottom: 1px solid #fff;
					background: transparent url(../images/layout/icon_arrow-down-bordered.png) 4px 2px no-repeat;
				}
			
				/*-- CURRENT --*/
				.widget-navigation ul li a.current
				{
					color: #d42634;
				}
			
				/*-- NESTED --*/
				.widget-navigation ul li ul
				{
					padding-left: 1em;
				}
				
			/*-- PARENT ANCESTOR (return to) --*/
			.widget-navigation ul li.navigation-item-parent
			{
				margin-top: 0.25em;
			}
			
				.widget-navigation ul li.navigation-item-parent a.current-ancestor
				{
					padding-top: 0.5em;
					padding-left: 8px;
					border-top: 1px solid #fff;
					border-bottom: none;
					background: none;
				}
			
					.widget-navigation ul li.navigation-item-parent a.current-ancestor span
					{
						padding-right: 8px;
						background: transparent url(../images/layout/icon_arrow.png) right 5px no-repeat;
						*zoom: 1;
					}
			
/*-- EMPTY --*/
.widget-navigation-empty h2
{
	padding-bottom: 10px;
}

.widget-navigation-empty .widget-body
{
	display: none;
}

/*---------------------------------
	WIDGET FILTERS
---------------------------------*/
.widget-filters
{}

	.widget-filters h3
	{
		margin-bottom: 0.5em;
	}
	.widget-filters .available-filters h3 
	{
		cursor: pointer;
	}

	.widget-filters ul
	{
		margin: 0 0 1.5em;
		list-style: none;
	}

	/*-- SELECTED FILTERS --*/
	.widget-filters .selected-filters
	{
		margin: 1.5em 0;
	}
	
		.widget-filters .selected-filters h3
		{
			margin-bottom: 0;
		}
		
		.widget-filters .selected-filters ul
		{
			margin: 0;
			padding: 10px;
			border: 1px solid #dcdcdc;
			border-top-color: #eee;
			*zoom: 1;
		}
		
			.widget-filters .selected-filters ul li
			{
				margin: 0.25em 0;
			}
			
				.widget-filters .selected-filters ul li a
				{
					position: relative;
					margin-left: 5px;
					padding: 0 5px 0 5px;
					border-left: 1px solid #e5e5e5;
					outline: none;
				}

				.widget-filters .selected-filters ul li a:hover
				{
					text-decoration: none;
					color: #2e5f97;
				}

					.widget-filters .selected-filters ul li a span.icon
					{
						padding: 0 5px;
						background: transparent url(../images/layout/icon_remove.gif) 0 3px no-repeat;
					}

					.widget-filters .selected-filters ul li a span.label
					{
						display: none;
						position: absolute;
						left: 24px;
						top: -10px;
						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;
						cursor: default;
					}
	
	.widget-filters .available-filters div.collapsed ul
	{
		display: none;
	}				
		.widget-filters .filter li
		{
			margin: 0;
		}
		
			.widget-filters .filter li a
			{
				padding: 0.167em 10px 0.167em 18px;
				display: block;
				background: transparent url(../images/layout/icon_arrow.png) 10px 6px no-repeat;
			}
			
				.widget-filters .filter li a span
				{
					font-size: 0.917em;
					color: #888;
				}
				
			.widget-filters .filter li.filter-more a
			{
				font-weight: bold;
			}
		
			.widget-filters .filter li.current a,
			.widget-filters .filter li.current a:hover
			{
				padding-left: 10px;
				color: #333;
				background: none;
				cursor: default;	
			}	
			
			.js .widget-filters .filter li.none
			{
				display: none;
			}
				
		.widget-filters .filters-showall a
		{
			display: block;
			padding: 0.25em;
			font-size: 1.1em;
			font-weight: bold;
		}
		
	/*-- COLAPSIBLE FILTER GROUPS --*/
	.widget-collapsible .filter h3
	{
		padding-left: 24px;
	}
	
		.widget-collapsible .filter h3 i
		{
			display: block;
			position: absolute;
			left: 4px;
			top: 11px;
			width: 16px;
			height: 16px;
			background: transparent url(../images/layout/sprite_globals.png) -153px -68px repeat-x;
		}
	
		.widget-collapsible .collapsed h3 i
		{
			background-position: -153px -51px;
		}
			
/*---------------------------------
	WIDGET RECENTLY VIEWED
---------------------------------*/
.widget-recentlyviewed
{}
	
	.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock h3
	{
		margin-bottom: 0.5em;
	}
	
	.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock ul
	{
		margin: 0 0 1.5em;
		list-style: none;
	}

	.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock li
	{
		margin: 0;
	}

		.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock li a
		{
			padding: 0.167em 10px 0.167em 18px;
			display: block;
			background: transparent url(../images/layout/icon_arrow.png) 10px 6px no-repeat;
		}

	/*-- WITH IMAGE --*/
	.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock li.item-with-image span.image
	{
		display: block;
		float: left;
	}
	
		.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock li.item-with-image span.image img
		{
			display: block;
		}
	
	.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock li.item-with-image span.name
	{
		display: block;
		margin-left: 52px;
	}

	/*-- PRODUCTS --*/	
	.widget-recentlyviewed .u-miscellaneous-recentlyviewed .products
	{
		border: none;
		*zoom: 1;
	}

		.widget-recentlyviewed .u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock h3
		{
			margin-bottom: 0;
		}

		.widget-recentlyviewed .u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul
		{
			margin: 0;
			padding-left: 0;
			border-top: 1px solid #eee;
			border-right: 1px solid #dcdcdc;
			border-left: 1px solid #dcdcdc;
		}

			.widget-recentlyviewed .u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li
			{
				margin: 0;
				width: auto;
				float: none;
			}
			
				.widget-recentlyviewed .u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li a 
				{
					padding: 0.4em 10px;
					_height: 1%;
					border-bottom: 1px solid #ddd7ca;
				}
				
					.widget-recentlyviewed .u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li a img
					{
						margin-bottom: 0;
					}
					
/*---------------------------------
	WIDGET CAROUSEL
---------------------------------*/
.widget-carousel
{
	position: relative;
	margin-bottom: 1em;
	padding: 10px 8px 42px;
	background-color: #edecec;
	zoom: 1;
}

	.widget-carousel .carousel-content ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.widget-carousel .carousel-content ul li
		{
			margin: 0;
			padding: 0;
			width: 173px;
			height: 190px;
		}
	
	.widget-carousel .carousel-controls a
	{
		display: block;
		position: absolute;
		bottom: 11px;
		width: 73px; 
		height: 22px;
		font-size: 1%;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(../images/layout/sprite_globals.png);
		background-repeat: no-repeat;
		outline: none;
		z-index: 1001;
	}

		.widget-carousel .carousel-controls a.prev
		{
			left: 15px;
			background-position: 0 -476px;
		}

			.widget-carousel .carousel-controls a:hover.prev
			{
				background-position: 0 -498px;
			}

		.widget-carousel .carousel-controls a.next
		{
			right: 15px;
			background-position: -73px -476px;
		}

			.widget-carousel .carousel-controls a:hover.next
			{
				background-position: -73px -498px;
			}
			
/*======================================================================
	FOOTER CONTAINER
----------------------------------------------------------------------*/
#footer-container
{
	margin: 0 auto;
	width: 940px;
	clear: both;
}

	/*---------------------------------
		FOOTER NAV
	---------------------------------*/
	#footer-nav
	{
		margin-bottom: 10px;
	}
	
		#footer-nav ul
		{
			margin: 0;
			float: left;
			list-style: none;
		}

			#footer-nav ul li
			{
				margin: 0;
				float: left;
			}
	
				#footer-nav ul li a
				{
					display: block;
					height: 37px;
					font-size: 1px;
					text-indent: -9999px;
					background-color: transparent;
					background-image: url(../images/layout/sprite_primary-nav.png);
					background-repeat: no-repeat;
					outline: none;
				}

	/*---------------------------------
		FOOTER
	---------------------------------*/
	#footer
	{
		font-size: 0.917em;
	}
	
		#footer .col
		{
			width: 171px;
			float: left;
		}
		
			#footer .col-hover
			{
				background-color: #f8f8f8;
			}
		
			#footer .col h6
			{
				margin-bottom: 10px;
				width: 100%;
				height: 37px;
				font-size: 1px;
				text-indent: -9999px;
				background-color: transparent;
				background-image: url(../images/layout/sprite_primary-nav.png);
				background-repeat: no-repeat;
				outline: none;
			}
			
				#footer .col-1 h6 { background-position: 0 -92px; }
			
				#footer .col-2 h6 { background-position: -241px -92px; }
				#footer .col-2 h6.hover { background-position: -241px -129px; }
				
				#footer .col-3 h6 { background-position: -412px -92px; }
				#footer .col-3 h6.hover { background-position: -412px -129px; }
				
				#footer .col-4 h6 { background-position: -583px -92px; }
				#footer .col-4 h6.hover { background-position: -583px -129px; }
				
				#footer .col-5 h6 { background-position: -754px -92px; }
				#footer .col-5 h6.hover { background-position: -754px -129px; }
		
			#footer .col ul,
			#footer .col .container
			{
				margin: 0;
				padding: 3px 10px 10px 30px;
				min-height: 210px;
				_height: 210px;
				list-style: none;
				border-right: 1px solid #ddd;
			}
			
				/* adjustments for nested primary nav control and pairing list */
				#footer .col ul ul,
				#footer .col .container ul
				{
					margin: 0 0 -0.5em;
					padding: 0;
					min-height: 0;
					_height: auto;
					border: none;
				}
					
					/* hide subnav in footer */
					#footer .col ul ul ul
					{
						display: none;
					}
		
		#footer .col-1
		{
			width: 241px;
			height: 40px;
		}
		
			#footer .col-1 .container
			{
				padding: 8px 0 0 10px;
			}
			

			/*-- COPYRIGHT --*/
			#footer .copyright
			{
			    position:relative;
			    top: 90px;
			    left: -90px;
				line-height: 1.4;
				color: #999;
				width: 260px;
				padding-left: 0px;
			}
			
				#footer .copyright span
				{
					display: block;
				}
		
		#footer .col-5
		{
			width: 186px;
		}
			
			#footer .col-5 ul
			{
				padding-right: 0;
				border: none;
			}

/*======================================================================
	BRODART: Account Layout
----------------------------------------------------------------------*/
.l-account /* This is also #body-container */
{}

/*======================================================================
	BRODART: Cart Layout
----------------------------------------------------------------------*/
.l-cart /* This is also #body-container */
{}

/*======================================================================
	BRODART: Cart Items Layout (with cart summary)
----------------------------------------------------------------------*/
.l-cartitems /* This is also #body-container */
{}

	/*-- CART CONTAINER --*/
	.l-cartitems #cart-container
	{
		margin: 0 20px 2em 0;
		width: 230px;
		float: left;
	}
	
		.l-cartitems #cart-container h2
		{
			margin: 0;
			padding: 0.5em 0 0.2em;
			text-align: center;
			background-color: #e5e5e5;
		}
		
	/*-- CONTENT CONTAINER --*/
	.l-cartitems #content-container
	{
		margin: 0;
		padding: 0 0 2em;
		width: 710px;
		min-height: 400px;
		float: left;
	}


/*======================================================================
	BRODART: Checkout Layout
----------------------------------------------------------------------*/
.l-checkout /* This is also #body-container */
{}

/*======================================================================
	BRODART: Checkout Items Layout (with cart summary)
----------------------------------------------------------------------*/
.l-checkoutitems /* This is also #body-container */
{}

	/*-- CART CONTAINER --*/
	.l-checkoutitems #cart-container
	{
		margin: 0 20px 2em 0;
		width: 230px;
		float: left;
	}
	
		.l-checkoutitems #cart-container h2
		{
			margin: 0;
			padding: 8px 5px 7px 30px;
			font: bold 1.083em "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
			color: #333;
			background: transparent url(../images/layout/sprite_globals.png) 0 -225px repeat-x;
		}
			
			.l-checkoutitems #cart-container h2 i
			{
				display: block;
				position: absolute;
				left: 6px;
				top: 9px;
				width: 17px;
				height: 15px;
				background: transparent url(../images/layout/sprite_globals.png) -109px -24px no-repeat;
			}
			
	/*-- CONTENT CONTAINER --*/
	.l-checkoutitems #content-container
	{
		margin: 0;
		padding: 0 0 2em;
		width: 690px;
		min-height: 400px;
		float: left;
	}
	
		.l-checkoutitems #content-container div.actionlist
		{
			padding: 0;
			border: none;
		}
		
			.l-checkoutitems #content-container ul.actions li.action-primary
			{
				margin: 0;
				float: none;
			}
			
				/* TODO: add input.image class, figure out why position relative is needed for IE */
				.l-checkoutitems #content-container ul.actions li.action-primary input
				{
					position: relative;
				}
			
				.l-checkoutitems #content-container ul.actions li.action-primary a:hover
				{
					background: none;
				}
		
				.l-checkoutitems #content-container ul.actions li.action p
				{
					margin: 0;
				}

/*======================================================================
	BRODART: Homepage Layout
----------------------------------------------------------------------*/
.l-homepage /* This is also #body-container */
{}

	.l-homepage #side-container
	{
		position: relative;
		top: -10px;
	}

	.l-homepage #content-container
	{
		padding: 9px 0 2em;
	}

/*======================================================================
	BRODART: No Side Navigation Layout
----------------------------------------------------------------------*/
.l-nosidenavigation /* This is also #body-container */
{}

/*======================================================================
	BRODART: Popup Layout
----------------------------------------------------------------------*/
.l-popup /* This is also #body-container */
{}

/*======================================================================
	BRODART: Side Navigation Layout
----------------------------------------------------------------------*/
.l-sidenavigation /* This is also #body-container */
{}

/* Autocomplete search box AWC 11-11-11 */
ul.ui-autocomplete {
		background: none repeat scroll 0% 0% #FFFFFF;
		border: 1px solid #A5A5A5;
		list-style: none outside none;
		padding: 0pt 5px;
		width: 200px !important;
}

/*======================================================================
	BRODART: Special Order Instructions on the Order Review page
----------------------------------------------------------------------*/

.lblspo {
    position: relative;
    bottom: 5px;
    left: 400px;
}

.txtsoi {
    position: relative;
    bottom: 5px;
    left: 400px;
}

/*======================================================================
	BRODART: Company Address Block
----------------------------------------------------------------------*/

.txtAddr 
{
    position: relative;
    bottom: 130px;
    left: 90px;
}