/*======================================================================
	BROOKLYN INDUSTRIES: Layout
	--------------------------------------------------------------------
	COLOR PALETTE:
	Red:			#ff2800;
	Dark Red:		#8a1e04;
	White:			#ffffff;
	Dark White:		#cbcaca;
	Light Grey:		#f4f4f4;
	Light Grey:		#dcddd5;
	M-L Grey:		#a0a6a2;
	Medium Grey:	#615f60;
	Medium Grey:	#818181;
	Dark Grey:		#4a4d45;
	Light Black: 	#231f20;
	Black: 			#000000;
	
	GRID:
	960px / 16 column grid
	column: 40px;
	margin: 0 10px;
	
	Z-INDEX:
	1000: Interface
	2000: Content
	3000: Zoom Image
	4000: Secondary Navigation
	5000: Main Navigation
	7000: Modal
----------------------------------------------------------------------*/
* { margin: 0; padding: 0; }

body
{
	padding: 10px 0 350px 0;
	_padding-bottom: 0;
	font: 62.5% Verdana, Geneva, Helvetica, sans-serif;
	color: #4a4d45;
	background: #ccc url(../images/layout/bg_body.jpg) fixed left top repeat-x;
}

/*======================================================================
	HEADINGS
----------------------------------------------------------------------*/
h1
{
	margin-bottom: 1em;
	font-size: 1.833em;
	font-weight: normal;
	letter-spacing: 0.02em;
	color: #231f20;
}

h2
{
	margin: 0.75em 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #231f20;
}

h3
{
	margin: 0 0 1em;
	font-size: 1.2em;
	font-weight: bold;
	color: #231f20;
}

h4
{}

h5
{}

h6
{}


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

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

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


/*======================================================================
	PARAGRAPHS
----------------------------------------------------------------------*/
p 
{
	margin: 1em 0;
	font-size: 1.2em;
	line-height: 1.6;
}

/*======================================================================
	LISTS
----------------------------------------------------------------------*/
ul
{
	margin: 1em 0 1em 2em;
	list-style: disc;
}
	
	ul li
	{
		margin: 0.5em 0;
	}
	
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;
			line-height: 1.3;
		}


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

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

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

cite
{
	margin-left: 1em;
	font-style: italic;
}
.skip-to
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*======================================================================
	_DEFAULTS
----------------------------------------------------------------------*/
/* Make sure our inline elements vertical-align properly. */
img,
input,
select,
label
{
	vertical-align: middle;
}

/* Make sure all elements inherent font properties properly. */
table,
thead,
tbody,
tfoot,
tr,
th,
td,
input,
select,
textarea
{
	font-size: 1em;
	font-family: inherit;
}

/* Make table cells default to top vertical alignment since more often than not we want it this way. */
td
{
	vertical-align: top;
}

table .action,
table .numeric,
table .money
{
	text-align: right;
}
tfoot th
{
	text-align: right;
}


/*======================================================================
	FORMS
----------------------------------------------------------------------*/
form
{}

.isolated
{
	margin-bottom: 1em;
	padding: 22px 20px 15px;
	background-color: #f4f4f4;
}

fieldset
{
	border: none;
}

legend
{
	*margin-left: -7px; /* kill IE6 & 7-imposed spacing */
	font-size: 1.4em;
	font-weight: normal;
	color: #231f20;
}

	legend span
	{
		display: block;
		padding: 0 0 0.75em; /* margin will not work in Safari */
	}

label
{
	font-size: 1.1em;
	color: #666;
}

.input-text,
.input-password,
select,
textarea
{
	padding: 4px 6px;
	font-size: 1.1em;
	color: #666;
	background: #fff;
	border: 1px solid #dcddd5;
}

.input-file
{
	padding: 4px 6px;
	font-size: 1.1em;
	color: #666;
}

select
{
	padding: 2px 2px;
}

	.input-text:focus,
	.input-text.focus,
	.input-password:focus,
	.input-password.focus,
	select:focus,
	select.focus,
	textarea:focus,
	textarea.focus
	{
		border-color: #8a1e04;
	}
	
.button
{
	padding: 3px 36px;
	font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	border: none;
	overflow: visible; /* fixes IE submit input double-padding bug */
	cursor: pointer;
}

a.button
{
	display: block; /* fixes IE padding */
}

	.button-small
	{
		padding: 3px 4px;
	}
	
	.button-mini
	{
		padding: 0 8px;
		font-size: 1em;
		color: #fff;
		background-color: #918f8f;
	}
	
		/* adjust to match line-height of submit button */
		a.button-mini
		{
			display: block;
			line-height: 14px; 
		}
	
	.button-alt
	{
		padding: 3px 15px;
		background-color: #918f8f;
	}

	.button:hover
	{
		text-decoration: none;
		color: #fff;
		background-color: #8a1e04;
	}

input.input-radio
{
	margin-right: 5px;
}

input.input-checkbox
{
	margin-right: 3px;
}

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

select optgroup option
{
	padding-left: 14px;
}

/*---------------------------------
	FIELD VALUES
	-------------------------------
	Text-represented form values
---------------------------------*/
dl.fv
{
	margin-top: 0;
}

	dl.fv span.actions
	{
		padding-left: 8px;
		font-size: 1em;
	}

		dl.fv span.actions span
		{
			margin-right: 2px;
			padding-right: 6px;
		}
	
			dl.fv span.actions span.last
			{
				margin: 0;
				padding: 0;
				border: none;
			}
		
	dl.fv dt
	{
		margin-bottom: 0.5em;
		/*font-weight: normal;*/
	}
	
		dl.fv dt span.actions
		{
			font-weight: normal;
			font-size: 1em;
		}

	dl.fv dd
	{
		margin-left: 0;
		font-size: 1em;
	}
	
	dl.fv dd .button
	{
		margin-bottom: 1.65em;
		clear: both;
	}

		dl.fv dd dl
		{
			margin-top: 0;
			margin-right: 10px;
			width: 248px;
			float: left;
		}
		
			dl.fv dd dl dt
			{
				margin-bottom: 0;
				font-weight: bold;
				text-transform: none;
			}
			
				dl.fv dd dl dt span.actions
				{
					font-size: 0.909em;
				}

/*---------------------------------
	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
			{
				cursor: default;
			}
		
			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: 1em;
				font-weight: normal;
				font-style: italic;
				color: #8a1e04;
			}
		
			li.pairing-vertical label.primary span.pairing-note
			{
				font-size: 1em;
				font-weight: normal;
				color: #a0a6a2;
			}
		
	/*-- PAIRING LIST HORIZONTAL --*/
	li.pairing-horizontal
	{
		margin-bottom: 7px;
		width: 100%;
		clear: both;
		float: left;
	}
	
	li.pairing-horizontal .input-text,
	li.pairing-horizontal .input-password
	{
		width: 134px;
	}
	
	li.pairing-horizontal label.primary
	{
		margin-right: 3px;
		padding-top: 3px;
		width: 150px;
		float: left;
	}
		
		li.pairing-horizontal label.primary span.pairing-label
		{
			/*margin-right: 2px;*/
			/*float: left;*/
			
		}
		li.pairing-horizontal label.primary span.pairing-note
		{
			display: block;
			font-size: 0.9em;
			color: #a0a6a2;
		}
		
		li.pairing-horizontal label.primary span.required,
		li.pairing-horizontal label.primary span.optional
		{
			font-size: 1em;
			font-weight: normal;
			font-style: italic;
			color: #8a1e04;
		}

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

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

/*---------------------------------
	ACTION LISTS
---------------------------------*/
div.actionlist
{
	padding-top: 0.909em;
}

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

		ul.actions li.action
		{
			margin: 0 12px 0 0;
			float: left;
		}
			
			/* presumes primary action is a button and secondary action is text */
			ul.actions li.action-secondary
			{
				padding-top: 4px;
				font-size: 1em;
			}
			
			/* primarily for full-width buttons in checkout */
			ul.actions li.single-action
			{
				margin: 0;
			}

/*======================================================================
	PRICE / PRICING
----------------------------------------------------------------------*/
.price
{
	color: #a0a6a2;
}
.price-sale
{
	color: #a0a6a2;
}
.price-original
{
	text-decoration: line-through;
}
.price-label
{}


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

	table.base th
	{
		padding: 16px 10px;
		font-weight: normal;
		text-transform: uppercase;
		text-align: left;
		color: #231f20;
		background-color: #f4f4f4;
	}

	table.base td
	{
		padding: 18px 10px;
		text-align: left;
		border-bottom: 1px dashed #d9d7d4;
	}
	
		table.base th.first,
		table.base td.first
		{
			padding-left: 16px;
		}
		
		table.base th.last,
		table.base td.last
		{
			padding-right: 16px;
		}
	
		table.base th.numeric,
		table.base td.numeric
		{
			text-align: right;
		}
	
	table.base label,
	table.base input,
	table.base select
	{
		font-size: 1em;
	}

	table.base select option
	{
		padding-top: 0;
		padding-bottom: 0;
	}

	table.base div.actionlist
	{
		padding: 0;
		border: 0 none;
	}

/*---------------------------------
	ROW DATA TABLE
---------------------------------*/
table.row-data
{
	margin-bottom: 1.2em;
	width: 100%;
	border-spacing: 0;
	*border-collapse: collapse;
}

	table.row-data th
	{
		font-size: 1.3em;
		font-weight: normal;
		text-align: left;
	}
	
		table.row-data thead th
		{
			padding: 0 10px 15px 2px;
		}
	
	table.row-data td
	{
		padding: 1.1em 10px 1.1em 2px;
		font-size: 1.1em;
		text-align: left;
	}
	
		table.row-data th.numeric,
		table.row-data td.numeric
		{
			text-align: right;
		}

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

	table.lineitems .negative
	{
		color: #8a1e04;
	}

	table.lineitems th
	{
		/* white-space: nowrap; */
	}

	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	ul.actions li.action-secondary
	{
		padding-top: 0;
	}
	
	/*-- PRODUCT COLUMN --*/
	table.lineitems td.col-product
	{}
	
		table.lineitems td.col-product .image
		{
			margin: 0 10px 10px 0;
			width: 48px;
			float: left;	
		}
	
		table.lineitems td.col-product .info
		{
			margin-left: 58px;
		}
	
		table.lineitems td.col-product .fulfillmentsystemproductid
		{
			display: block;
			margin-bottom: 4px;
			font-size: 0.909em;
			color: #a0a6a2;
		}
	
	table.lineitems th.col-quantity,
	table.lineitems td.col-quantity
	{
		text-align: center;
	}
	
/*---------------------------------
	ORDER TOTALS TABLE
---------------------------------*/
table.ordertotals
{
	width: 100%;
	border-spacing: 0;
	*border-collapse: collapse;
}

	.ordertotals .negative
	{
		color: #8a1e04;
	}

	.ordertotals th,
	.ordertotals td
	{
		padding: 10px 0 8px;
		font-size: 1.1em;
		border-bottom: 1px dashed #d9d7d4;
	}

	.ordertotals th
	{
		padding-left: 40px;
		font-weight: normal;
		text-transform: uppercase;
		text-align: left;
		color: #231f20;
	}

	.ordertotals td
	{
		padding-right: 10px;
		text-align: right;
	}

	.ordertotals tr.tax th,
	.ordertotals tr.tax td
	{
		border-bottom: none;
	}

	.ordertotals tr.order-total th,
	.ordertotals tr.order-total td,
	.ordertotals tr.order-total td.price
	{
		font-weight: bold;
		color: #231F20;
		background-color: #f4f4f4;
		border-bottom: none;
	}

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

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

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

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

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

/*======================================================================
	SYSTEM MESSAGES
----------------------------------------------------------------------*/
.system-message
{
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 30px;
	border: 2px solid #8a1e04;
	background-image: url(../../_shared/images/icon_message-notify.png);
	background-position: 8px 9px;
	background-repeat: no-repeat;
}
	.general-message { background-image: url(../../_shared/images/icon_message-notify.png); }
	.warning-message { background-image: url(../../_shared/images/icon_message-warning.png); }
	.success-message { background-image: url(../../_shared/images/icon_message-success.png); }
	.error-message 	 { background-image: url(../../_shared/images/icon_message-error.png); }

	.system-message h2
	{
		margin: 0 0 5px 0;
	}
	.system-message .message
	{
		font-size: 1.1em;
	}


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


/*======================================================================
	TABS: Default state is grey tab on white bg.
----------------------------------------------------------------------*/
.tabs {}
	.tabs ul.ui-tabs-nav
	{
		position: relative;
		margin: 0;
		list-style-type: none;
		z-index: 2000;
	}
		.tabs ul.ui-tabs-nav li
		{
			position: relative;
			margin: 0;
			float: left;
			border-left: 1px solid #dcddd5;
			z-index: 2001;
		}
			.tabs ul.ui-tabs-nav li a
			{
				padding: 8px;
				float: left;
				text-transform: uppercase;
				text-decoration: none;
			}
				.tabs ul.ui-tabs-nav li a:hover
				{
					background-color: #f4f4f4;
				}
			.tabs ul.ui-tabs-nav li.ui-state-active a,
			.tabs ul.ui-tabs-nav li.ui-state-active a:hover
			{
				background-color: #dcddd5;
			}
	.ui-tabs-panel
	{
		display: block;
		padding: 15px 10px;
		border: 1px solid #dcddd5;
	}
	.ui-tabs-hide 	{ display: none; }


/*======================================================================
	LAYOUT STRUCTURE
----------------------------------------------------------------------*/
#main-container
{
	position: relative;
	margin: 0 auto;
	width: 960px;
	z-index: 1000;
}

	/*---------------------------------
		HEADER
	---------------------------------*/
	#header
	{}
		#util-nav
		{
			padding: 20px 0 0 20px;
			width: 770px;
			float: left;
		}
		#primary-nav
		{
			position: relative;
			display: block;
			padding: 0;
			float: none;
			clear: both;
			background: #231f20;
			z-index: 5000;
		}
		#search-nav
		{
			margin-bottom: 0;
			padding: 3px 0;
			float: none;
			clear: both;
			background: #fff;
			border-bottom: 1px solid #dcddd5;
		}
	
	/*---------------------------------
		BODY
	---------------------------------*/
	#body-container
	{
		background: #fff;
		border: none;
	}
		#side-container
		{
			width: 130px;
			float: left;
		}
		#content-container
		{
			border: none;
		}
		.with-side-container #content-container
		{
			padding-left: 20px;
			_padding-left: 18px;
			width: 770px;
			float: left;
		}
	
	/*---------------------------------
		FOOTER
	---------------------------------*/
	#footer-container
	{
		margin-bottom: 10px;
	}
		#footer
		{
			background: #000;
			opacity: 0.8;
		}
	#copyright-container
	{
		padding: 0 10px;
		color: #fff;
		text-align: center;
	}
#skyline
{
	display: block;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 350px;
	background: transparent url(../images/layout/bg_city.png) center center repeat-x;
	z-index: 999;
}
		

/*======================================================================
	HEADER
----------------------------------------------------------------------*/
#header {}
	/*---------------------------------
		LOGO
	---------------------------------*/
	#header a.logo
	{
		display: block;
		margin-bottom: 10px;
		padding-left: 20px;
		float: left;
		text-decoration: none;
	}
		#header a.logo:hover
		{
			text-decoration: none;
		}
		#header a.logo img
		{
			float: left;
		}
		#header a.logo span.registered
		{
			padding: 65px 0 0 2px;
			font-size: 1em;
			float: left;
			color: #fff;
		}
	
	/*---------------------------------
		UTILITY NAV
	---------------------------------*/
	#util-nav {}
		#util-nav ul {
			margin: 0;
			padding: 0;
			width: 40%;
			float: left;
			list-style-type: none;
		}
			#util-nav ul li {
				margin: 0;
				padding: 0 0 7px 0;
				width: 47%;
				float: left;
				color: #fff;
			}
			#util-nav .free-shipping {
				width: 268px;
			}
				#util-nav ul li a {
					color: #cbcaca;
					text-decoration: none;
				}
				#util-nav .free-shipping a {
					display: block;
					width: 268px;
					height: 18px;
					text-indent: -999em;
					background: url(../images/layout/txt_free-shipping.png);
					overflow: hidden;
				}
					#util-nav ul li a:hover {
						color: #fff;
						text-decoration: underline;
					}

		/*-- CART --*/
		#util-nav ul.cart
		{
			width: 50%;
			float: right;
		}
			#util-nav ul.cart li
			{
				width: auto;
				float: none;
			}
			#util-nav ul.cart li.tagline
			{
				margin-left: 10px;
				padding: 0;
				width: 62px;
				height: 50px;
				float: right;
				text-indent: -4100px;
				background: transparent url(../images/layout/sprite_globals.png) -40px 0px no-repeat;
			}
			#util-nav ul.cart li.cart
			{
				position: relative;
				margin: 0 0 7px 0;
				padding: 0;
				min-width: 130px;
				max-width: 310px;
				float: right;
				color: #a0a6a2;
				z-index: 7500;
			}
				#util-nav ul.cart li.cart a
				{
					display: block;
					width: 110px;
					float: right;
					text-decoration: none;
				}
					#util-nav ul.cart li.cart a i
					{
						display: block;
						padding-right: 5px;
						width: 23px;
						height: 28px;
						float: left;
						background: transparent url(../images/layout/sprite_globals.png) 0px 0px no-repeat;
					}
					#util-nav ul.cart li.cart a .cart-name
					{
						display: block;
						margin: 0 0 5px 5px;
						width: 36px;
						height: 10px;
						float: left;
						text-indent: -4100px;
						text-decoration: none;
						background: transparent url(../images/layout/sprite_globals.png) -320px -50px no-repeat;
					}
					#util-nav ul.cart li.cart a .item-count
					{
						position: relative;
						display: block;
						padding: 1px 10px 1px 5px;
						width: 50%;
						float: left;
						background: #000;
						z-index: 1000;
					}
						#util-nav ul.cart li.cart a .item-count em
						{
							position: absolute;
							display: block;
							top: 7px;
							right: 7px;
							width: 5px;
							height: 3px;
							background: transparent url(../images/layout/sprite_globals.png) -40px -50px no-repeat;
							z-index: 1001;
						}
					
					/*-- Cart Drop Down --*/
					#util-nav ul.cart li.cart .quickview
					{
						position: absolute;
						display: block;
						top: 30px;
						right: -74px;
						width: 350px;
						background: #f4f4f4;
						border: 1px solid #231f20;
						z-index: 7501;
					}
						#util-nav ul.cart li.cart .quickview h2
						{
							padding: 5px;
						}
						#util-nav ul.cart li.cart .quickview ul
						{
							width: 350px;
						}
							#util-nav ul.cart li.cart .quickview ul li.cart-prod
							{
								margin-bottom: 5px;
								padding: 5px;
								width: 340px;
								border-bottom: 1px solid #cac9ca;
							}
							#util-nav ul.cart li.cart .quickview ul li.last
							{
								margin-bottom: 0px;
								border-bottom: none;
							}
								#util-nav ul.cart li.cart .quickview ul li.cart-prod a
								{
									width: auto;
									float: none;
								}
								#util-nav ul.cart li.cart .quickview ul li.cart-prod .image
								{
									float: left;
									text-align: center;
								}
								#util-nav ul.cart li.cart .quickview ul li.cart-prod .info
								{
									padding-left: 5px;
									width: 220px;
									float: left;
									color: #a0a6a2;
								}
									#util-nav ul.cart li.cart .quickview ul li.cart-prod .info h3
									{
										margin-bottom: 4px;
										font-size: 1.1em;
										font-weight: normal;
										text-transform: none;
									}
										#util-nav ul.cart li.cart .quickview ul li.cart-prod .info h3 a
										{
											color: #615f60;
										}
											#util-nav ul.cart li.cart .quickview ul li.cart-prod .info h3 a:hover
											{
												color: #231f20;
												text-decoration: underline;
											}
										#util-nav ul.cart li.cart .quickview ul li.cart-prod .info .sku
										{
											display: block;
											margin-bottom: 10px;
										}
										#util-nav ul.cart li.cart .quickview ul li.cart-prod .info .pricing
										{
											margin-bottom: 3px;
										}
											#util-nav ul.cart li.cart .quickview ul li.cart-prod .info .qty
											{
												display: block;
												float: left;
											}
											#util-nav ul.cart li.cart .quickview ul li.cart-prod .info .prices
											{
												float: right;
											}
										#util-nav ul.cart li.cart .quickview ul li.cart-prod .info .price-extended
										{
											padding-top: 3px;
											float: none;
											clear: both;
											text-align: right;
											border-top: 1px solid #cac9ca;
										}
							#util-nav ul.cart li.cart .quickview ul li.cart-message
							{
								display: list-item;
								width: 100%;
								float: none;
								clear: both;
								background: #231f20;
							}
							#util-nav ul.cart li.cart .quickview ul li.view-continue
							{
								display: list-item;
								padding: 5px 0;
								width: 100%;
								float: none;
								clear: both;
								background: #fff;
								border-top: 1px solid #000;
								border-bottom: 1px solid #000;
								overflow: auto;
							}
								#util-nav ul.cart li.cart .quickview ul li.view-continue a.view-cart
								{
									margin-left: 75px;
									_margin-left: 20px;
									padding-top: 4px;
									width: auto;
									_width: 20%;
									float: left;
									color: #231f20;
									text-decoration: underline;
								}
								#util-nav ul.cart li.cart .quickview ul li.view-continue a.view-checkout
								{
									margin-right: 75px;
									_margin-right: 20px;
									padding: 4px 8px;
									width: auto;
									_width: 40%;
									float: right;
									color: #fff;
								}
					
			#util-nav ul.cart li.user
			{
				padding: 0 12px 0 0;
				width: 220px;
				float: right;
				text-align: right;
			}
	
	/*---------------------------------
		PRIMARY NAV
	---------------------------------*/
	#primary-nav {}
		/*-- Level 1 --*/
		#primary-nav ul
		{
			display: block;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
			#primary-nav ul li
			{
				position: relative;
				margin: 0;
				padding: 0;
				float: left;
				z-index: 5000;
			}
				#primary-nav ul li a
				{
					display: block;
					padding: 0;
					height: 32px;
					float: left;
					text-indent: -4100px;
					color: #fff;
					background-position: 0px 0px;
					background-repeat: no-repeat;
					overflow: hidden;
				}
					#primary-nav ul li a:hover,
					#primary-nav ul li.over a,
					#primary-nav ul li.over a:hover,
					#primary-nav ul li.active a,
					#primary-nav ul li.active a:hover
					{
						color: #8a1e04;
						background-position: 0px -32px;
					}
					#primary-nav ul li a span
					{}

				/*-- nav images --*/
				#primary-nav ul li.nav-item-904c272b-686a-4cb3-ab51-9b2e03e15a0c a			/* new */
				{
					width: 73px;
					background-image: url(../images/layout/nav_new.png);
				}
				#primary-nav ul li.nav-item-82ea53db-9f60-482d-af04-8ce08b7ad24c a			/* women */
				{
					width: 65px;
					background-image: url(../images/layout/nav_women.png);
				}
				#primary-nav ul li.nav-item-da839614-9e41-4b23-8a0c-3c2b23ac2088 a			/* men */
				{
					width: 65px;
					background-image: url(../images/layout/nav_men.png);
				}
				#primary-nav ul li.nav-item-9419486a-5ff1-44cb-8572-63f1ab9f2c4e a			/* graphic t-shirts */
				{
					width: 118px;
					background-image: url(../images/layout/nav_graphic-t.png);
				}
				#primary-nav ul li.nav-item-82d93fa3-6354-48b3-afbb-0f4c7e40b0cd a			/* bags */
				{
					width: 81px;
					background-image: url(../images/layout/nav_bags.png);
				}
				#primary-nav ul li.nav-item-3113b32d-6b1a-490e-bdc3-798fdd8a13ab a			/* accessories */
				{
					width: 92px;
					background-image: url(../images/layout/nav_accessories.png);
				}
				#primary-nav ul li.nav-item-192cf93d-90e1-4871-8fc2-ac2891b52c16 a			/* kids */
				{
					width: 78px;
					background-image: url(../images/layout/nav_kids.png);
				}
				#primary-nav ul li.nav-item-564acc84-aaff-4a73-936c-0ac4b7a508e3 a			/* holiday gift guide - old */
				{
					width: 126px;
					background-image: url(../images/layout/nav_holiday-guide.png);
				}
				#primary-nav ul li.nav-item-37c5792a-6537-4265-95f5-e78c309f8171 a,
				#primary-nav ul li.nav-item-617b7fd4-681f-49a9-a272-4bca6d49a102 a			/* holiday gift guide - old */
				{
					width: 97px;
					background-image: url(../images/layout/nav_holiday-gift-guide.png);
				}
				#primary-nav ul li.nav-item-6c7ce003-e178-4e65-92f7-a6e7ed86882e a,
				#primary-nav ul li.nav-item-37c5792a-6537-4265-95f5-e78c309f8171 a			/* holiday gift guide */
				{
					width: 97px;
					background-image: url(../images/layout/nav_holiday.png);
				}
				#primary-nav ul li.nav-item-f5c79581-8b53-45f8-9e94-bcc9b31b2973 a			/* outerwear sale */
				{
					width: 126px;
					background-image: url(../images/layout/nav_outerwear-sale.png);
				}
				#primary-nav ul li.nav-item-207c9fe1-5b5e-4b22-86e4-54c05e6282c8 a,
				#primary-nav ul li.nav-item-f590f6dd-a479-4495-ac5a-7c85b91dde02 a			/* the outerwear shop */
				{
					width: 157px;
					background-image: url(../images/layout/nav_outerwear-shop.png);
				}
				#primary-nav ul li.nav-item-a5d5bd2b-d7c8-4cff-af56-402e7c499ff5 a,
				#primary-nav ul li.nav-item-a66d35da-6b75-48cb-9b7c-f52ee670f6a2 a,
				#primary-nav ul li.nav-item-06ea7268-2fdd-4c3b-a14c-f493c3674418 a			/* the dress shop */
				{
					width: 126px;
					background-image: url(../images/layout/nav_dress-shop.png);
				}
				#primary-nav ul li.nav-item-495fa8d7-6c1f-4a67-978b-5938cc5caa32 a			/* looks */
				{
					width: 90px;
					background-image: url(../images/layout/nav_looks.png);
				}
				#primary-nav ul li.nav-item-89275ee5-cf1a-46b5-8541-76797cee6c93 a,			/* Megasale */
				#primary-nav ul li.nav-item-a6134ea0-9ecc-492d-94f6-fb8c14bf4445 a
				{
					width: 97px;
					background-image: url(../images/layout/nav_megasale.png);
				}
				#primary-nav ul li.nav-item-c1a0add3-b6e7-4310-bfb2-fa67b90b3c7a a			/* sale */
				{
					width: 42px;
					background-image: url(../images/layout/nav_sale.png);
				}

				/*-- Level 2 --*/
				#primary-nav ul li ul
				{
					display: none;
				}
				#primary-nav ul li.over ul
				{
					position: absolute;
					display: block;
					top: 32px;
					left: 0px;
					padding: 15px 20px 15px 10px;
					width: 315px;
					height: auto;
					background: #f4f4f4;
					border: 1px solid #231f20;
					border-top: none;
					z-index: 5001;
				}
				/* right side nav items, to switch drop down position */
				#primary-nav ul li.nav-item-564acc84-aaff-4a73-936c-0ac4b7a508e3 ul,
				#primary-nav ul li.nav-item-f5c79581-8b53-45f8-9e94-bcc9b31b2973 ul,
				/*#primary-nav ul li.nav-item-495fa8d7-6c1f-4a67-978b-5938cc5caa32 ul,	"LOOKS" */
				#primary-nav ul li.nav-item-c1a0add3-b6e7-4310-bfb2-fa67b90b3c7a ul,
				#primary-nav ul li.nav-item-a5d5bd2b-d7c8-4cff-af56-402e7c499ff5 ul,
				#primary-nav ul li.nav-item-a66d35da-6b75-48cb-9b7c-f52ee670f6a2 ul,
				#primary-nav ul li.nav-item-06ea7268-2fdd-4c3b-a14c-f493c3674418 ul,
				#primary-nav ul li.nav-item-37c5792a-6537-4265-95f5-e78c309f8171 ul,
				#primary-nav ul li.nav-item-617b7fd4-681f-49a9-a272-4bca6d49a102 ul,
				#primary-nav ul li.nav-item-207c9fe1-5b5e-4b22-86e4-54c05e6282c8 ul,
				#primary-nav ul li.nav-item-f590f6dd-a479-4495-ac5a-7c85b91dde02 ul
				{
					left: auto;
					right: 0px;
				}
					#primary-nav ul li.over ul li
					{
						position: relative;
						margin: 0 0 8px 10px;
						padding: 0 0 3px 0;
						width: 46%;
						float: left;
						border-bottom: 1px solid #cac9ca;
						overflow: visible;
						z-index: 1;
					}
						#primary-nav ul li.over ul li a
						{
							width: auto;
							height: auto;
							font-size: 1.1em;
							color: #231f20;
							text-indent: 0px;
							background: none;
							text-decoration: none;
						}
							#primary-nav ul li.over ul li a:hover
							{
								color: #8a1e04;
								text-decoration: none;
							}
						
						/* Level 3: Hide */
						#primary-nav ul li.over ul li ul
						{
							display: none;
						}
	
	/*---------------------------------
		SEARCH NAV
	---------------------------------*/
	#search-nav {}
		#search-nav .v-search-basicsearchform
		{
			padding: 8px 0 0 20px;
			width: 220px;
			float: left;
		}
			#search-nav .v-search-basicsearchform label
			{
				display: none;
			}
				#search-nav .v-search-basicsearchform .input-text
				{
					width: 150px;
				}
		#search-nav .global-callout
		{
			width: 350px;
			float: left;
			border-left: 1px solid #dcddd5;
		}
			#search-nav .global-callout p
			{
				margin: 0;
			}
		#search-nav .callout-1
		{}
		#search-nav .callout-2
		{}


/*======================================================================
	BREADCRUMBS
----------------------------------------------------------------------*/
#breadcrumbs
{
	display: block;
	margin: 0;
	padding: 10px 0;
}
.with-side-container #breadcrumbs { padding-left: 145px; }
	.breadcrumbs ul
	{
		display: block;
		margin: 0;
		padding: 0;
		float: left;
		list-style-type: none;
	}
		.breadcrumbs ul li
		{
			margin: 0 0 0 5px;
			float: left;
			text-transform: uppercase;
		}
			.breadcrumbs ul li span
			{
				float: left;
				color: #818181;
			}
			.breadcrumbs ul li a
			{
				margin-right: 5px;
				float: left;
				color: #615f60;
				text-decoration: none;
			}
				.breadcrumbs ul li a:hover,
				.breadcrumbs ul li a:hover span
				{
					color: #8a1e04;
					text-decoration: underline;
				}
				.breadcrumbs ul li a span
				{
					color: #615f60;
					cursor: pointer;
				}
				.breadcrumbs ul li a i
				{
					display: block;
					margin: 2px 0 0 10px;
					width: 6px;
					height: 9px;
					float: left;
					background: transparent url(../images/layout/sprite_globals.png) -40px -70px no-repeat;
				}


/*======================================================================
	SIDE CONTAINER
----------------------------------------------------------------------*/
#side-container {}
	/*---------------------------------
		SECONDARY NAV
	---------------------------------*/
	#secondary-nav
	{
		padding-bottom: 20px;
	}
		#secondary-nav h3
		{
			display: block;
			margin: 0;
			padding-right: 10px;
			font-size: 1.8em;
			font-weight: normal;
			letter-spacing: -1px;
			text-align: right;
			color: #231f20;
			text-transform: uppercase;
		}
		/*-- Image Replacement Headers --*/
		.holiday-gift-guide-category #secondary-nav h3,
		.bags-category #secondary-nav h3,
		.men-category #secondary-nav h3,
		.looks-category #secondary-nav h3,
		.graphic-tee-category #secondary-nav h3,
		.accessories-category #secondary-nav h3,
		.women-category #secondary-nav h3,
		.new-category #secondary-nav h3,
		.kids-category #secondary-nav h3,
		.sale-category #secondary-nav h3,
		.about-brooklyn-content #secondary-nav h3,
		.bki-community-content #secondary-nav h3,
		.customer-service-content #secondary-nav h3,
		.careers-content #secondary-nav h3,
		.site-map-content #secondary-nav h3,
		.store-locations-content #secondary-nav h3,
		#guided-nav h3
		{
			height: 15px;
			text-align: left;
			text-indent: -4100px;
			line-height: 15px;
			background-image: url(../images/layout/sprite_headings.png);
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
			.holiday-gift-guide-category #secondary-nav h3	{ background-position: 0px -105px; }
			.bags-category #secondary-nav h3				{ background-position: 0px -60px; }
			.men-category #secondary-nav h3					{ background-position: 0px -30px; }
			.looks-category #secondary-nav h3				{ background-position: 0px -120px; }
			.graphic-tee-category #secondary-nav h3			{ background-position: 0px -45px; }
			.accessories-category #secondary-nav h3			{ background-position: 0px -75px; }
			.women-category #secondary-nav h3				{ background-position: 0px -15px; }
			.new-category #secondary-nav h3					{ background-position: 0px 0px; }
			.kids-category #secondary-nav h3				{ background-position: 0px -90px; }
			.sale-category #secondary-nav h3				{ background-position: 0px -135px; }
			.about-brooklyn-content #secondary-nav h3		{ background-position: 0px -195px; }
			.bki-community-content #secondary-nav h3		{ background-position: 0px -225px; }
			.customer-service-content #secondary-nav h3		{ background-position: 0px -210px; }
			.careers-content #secondary-nav h3				{ background-position: 0px -270px; }
			.site-map-content #secondary-nav h3				{ background-position: 0px -285px; }
			.store-locations-content #secondary-nav h3		{ background-position: 0px -240px; }
			#guided-nav h3									{ background-position: 0px -345px; }
		
		#secondary-nav p
		{
			margin: 5px 0;
			padding-right: 10px;
			font-size: 1.2em;
			font-weight: bold;
			color: #8a1e04;
			text-align: right;
		}

		/*-- CATEGORY SECONDARY NAV --*/
		#secondary-nav ul.categories
		{
			display: block;
			margin: 0 5px 0 0;
			list-style-type: none;
		}
			/* Level 1 */
			#secondary-nav ul.categories li
			{
				margin-bottom: 7px;
				text-align: right;
			}
				#secondary-nav ul.categories li a
				{
					padding: 3px 5px;
					font-size: 1.1em;
					color: #615f60;
					text-decoration: none;
				}
				#secondary-nav ul.categories li a:hover
				{
					color: #231f20;
					text-decoration: underline;
				}
			#secondary-nav ul.categories li.active
			{
				padding: 3px 0;
				border-right: 1px solid #dcddd5;
			}
				#secondary-nav ul.categories li.active a,
				#secondary-nav ul.categories li.active a:hover
				{
					font-weight: normal;
					color: #231f20;
					line-height: 1.4;
					background-color: #dcddd5;
					text-decoration: none;
				}
				/* Level 2 */
				#secondary-nav ul.categories li ul
				{
					display: none;
				}
				#secondary-nav ul.categories li.active ul
				{
					display: block;
					margin: 0;
					padding: 2px 0;
					list-style-type: none;
				}
					#secondary-nav ul.categories li.active ul li
					{
						margin-bottom: 7px;
						text-align: right;
					}
						#secondary-nav ul.categories li.active ul li a
						{
							padding: 3px 10px;
							font-size: 1.1em;
							font-weight: normal;
							color: #231f20;
							text-decoration: none;
							background: none;
						}
						#secondary-nav ul.categories li.active ul li a:hover
						{
							font-weight: normal;
							color: #231f20;
							text-decoration: underline;
							background: none;
						}
						#secondary-nav ul.categories li.active ul li.active a,
						#secondary-nav ul.categories li.active ul li.active a:hover
						{
							color: #231f20;
							background: #dcddd5;
							text-decoration: none;
						}

		/*-- CONTENT SECONDARY NAV --*/
		#secondary-nav ul.content-sections
		{
			display: block;
			margin: 0;
			list-style-type: none;
		}
			/* Level 1 */
			#secondary-nav ul.content-sections li
			{
				margin-bottom: 7px;
				text-align: right;
			}
			#secondary-nav ul.content-sections li.active
			{
				padding: 5px 0;
				background-color: #dcddd5;
			}
				#secondary-nav ul.content-sections li a
				{
					display: block;
					padding: 0 10px;
					font-size: 1.1em;
					color: #615f60;
					text-decoration: none;
				}
				#secondary-nav ul.content-sections li a:hover
				{
					color: #231f20;
					text-decoration: underline;
				}
				#secondary-nav ul.content-sections li.active a,
				#secondary-nav ul.content-sections li.active a:hover
				{
					font-weight: bold;
					color: #231f20;
					background: #dcddd5;
					text-decoration: none;
				}
				
				/* Level 2 */
				#secondary-nav ul.content-sections li ul
				{
					display: none;
				}
				#secondary-nav ul.content-sections li.active ul
				{
					display: block;
					margin: 0;
					list-style-type: none;
				}
					#secondary-nav ul.content-sections li.active ul li
					{
						margin-bottom: 7px;
						padding: 0;
						text-align: right;
					}
						#secondary-nav ul.content-sections li.active ul li a
						{
							display: block;
							padding: 0 10px;
							font-size: 1.1em;
							font-weight: normal;
							color: #615f60;
							text-decoration: none;
						}
						#secondary-nav ul.content-sections li.active ul li a:hover
						{
							font-weight: normal;
							color: #231f20;
							text-decoration: underline;
						}
						#secondary-nav ul.content-sections li.active ul li.active a,
						#secondary-nav ul.content-sections li.active ul li.active a:hover
						{
							color: #615f60;
							background-color: #dcddd5;
							text-decoration: underline;
						}
				
						/* Level 3 */
						#secondary-nav ul.content-sections li ul li ul
						{
							display: none;
						}
						#secondary-nav ul.content-sections li.active ul li.active ul
						{
							display: block;
							margin: 0;
							list-style-type: none;
						}
							#secondary-nav ul.content-sections li.active ul li.active ul li
							{
								margin-bottom: 7px;
								padding: 0;
								text-align: right;
							}
								#secondary-nav ul.content-sections li.active ul li.active ul li a
								{
									display: block;
									padding: 0 10px;
									font-size: 1.1em;
									font-weight: normal;
									color: #615f60;
									text-decoration: none;
								}
								#secondary-nav ul.content-sections li.active ul li.active ul li a:hover
								{
									font-weight: normal;
									color: #231f20;
									text-decoration: underline;
								}
								#secondary-nav ul.content-sections li.active ul li.active ul li.active a,
								#secondary-nav ul.content-sections li.active ul li.active ul li.active a:hover
								{
									color: #615f60;
									background-color: #dcddd5;
									text-decoration: underline;
								}
				
								/* Level 4 */
								/*
								#secondary-nav ul.content-sections li ul li ul li ul
								{
									display: none;
								}
								*/
								#secondary-nav ul.content-sections li.active ul li.active ul li.active ul
								{
									display: block;
									margin: 0;
									list-style-type: none;
								}
									#secondary-nav ul.content-sections li.active ul li.active ul li.active ul li
									{
										margin-bottom: 7px;
										padding: 0;
										text-align: right;
									}
										#secondary-nav ul.content-sections li.active ul li.active ul li.active ul li a
										{
											display: block;
											padding: 0 10px;
											font-size: 1.1em;
											font-weight: normal;
											color: #615f60;
											text-decoration: none;
										}
										#secondary-nav ul.content-sections li.active ul li.active ul li.active ul li a:hover
										{
											font-weight: normal;
											color: #231f20;
											text-decoration: underline;
										}
										#secondary-nav ul.content-sections li.active ul li.active ul li.active ul li.active a,
										#secondary-nav ul.content-sections li.active ul li.active ul li.active ul li.active a:hover
										{
											color: #615f60;
											background-color: #dcddd5;
											text-decoration: underline;
										}
				
		/*-- STORE LOCATIONS NAV --*/
		#storelocations h4
		{
			margin: 15px 0 10px 0;
			padding-right: 10px;
			font-size: 1.1em;
			font-weight: normal;
			text-align: right;
			color: #231f20;
			text-transform: uppercase;
		}
			#storelocations ul.content-sections
			{
				padding-bottom: 10px;
				border-bottom: 1px solid #dcddd5;
			}
				#storelocations ul.content-sections li.active a
				{
					font-weight: normal;
					color: #615f60;
				}


	/*---------------------------------
		GUIDED NAV
	---------------------------------*/
	#guided-nav
	{
		margin-bottom: 20px;
	}
		/*
		#guided-nav h3
		{
			margin: 0 0 10px 0;
			padding-right: 10px;
			font-size: 1.3em;
			font-weight: normal;
			text-align: right;
			text-transform: uppercase;
		}
		*/
		#guided-nav .filters
		{
			display: block;
			margin-bottom: 15px;
		}
			#guided-nav .filters h4
			{
				margin: 0 0 8px 0;
				padding-right: 10px;
				font-size: 1.1em;
				font-weight: bold;
				text-align: right;
			}
			#guided-nav .filters h5
			{
				margin: 0 0 2px 0;
				font-size: 1em;
				font-weight: bold;
				text-align: right;
				text-transform: uppercase;
			}
			#guided-nav .filters ul
			{
				margin: 0;
				padding: 0 10px;
				list-style-type: none;
			}
				#guided-nav .filters ul li
				{
					display: list-item;
					margin: 0 0 8px 0;
					text-align: right;
				}
					#guided-nav .filters ul li a
					{
						font-size: 1.1em;
						color: #615f60;
						text-decoration: none;
					}
						#guided-nav .filters ul li a:hover
						{
							color: #231f20;
							text-decoration: underline;
						}
			#guided-nav .filters .filter-selection
			{
				margin: 5px 0;
				padding: 5px;
				background-color: #dcddd5;
			}
				#guided-nav .filters .filter-selection ul
				{
					margin: 0;
					padding: 0;
				}
					#guided-nav .filters .filter-selection ul li.filter-selected
					{
						padding: 3px;
						text-align: left;
						background-color: #fff;
					}
						#guided-nav .filters .filter-selection ul li.filter-selected .filter-value
						{
							font-size: 1.1em;
							color: #8a1e04;
						}
						#guided-nav .filters .filter-selection ul li.filter-selected a.remove
						{
							font-size: 1em;
						}


/*======================================================================
	RECENTLY VIEWED PRODUCTS
----------------------------------------------------------------------*/
#recentlyviewed .v-recentlyviewed-listtemplate
{
	display: block;
	margin-bottom: 20px;
	padding: 10px 0 0 0;
	border: 1px solid #dcddd5;
}
	#recentlyviewed .v-recentlyviewed-listtemplate h3
	{
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		text-align: center;
		color: #231f20;
		text-transform: uppercase;
	}
		#recentlyviewed .v-recentlyviewed-listtemplate ul.products
		{
			margin: 0;
			padding: 0 20px;
			list-style-type: none;
		}
			#recentlyviewed .v-recentlyviewed-listtemplate ul.products li.product
			{
				margin: 0 0 10px 0;
				padding: 0;
				width: auto;
				min-height: 0;
				height: auto !important;
				float: none;
				border: none;
			}
				#recentlyviewed .v-recentlyviewed-listtemplate ul.products li.product .info
				{
					display: none;
				}

/*======================================================================
	DIALOG/MODAL/OVERLAY
----------------------------------------------------------------------*/
.ui-dialog
{
	padding: 20px;
	background-color: #fff;
	border: 20px solid #4a4d45;
}
	.ui-dialog-titlebar {}
		.ui-dialog-titlebar .ui-dialog-titlebar-close
		{
			display: block;
			float: right;
			text-transform: uppercase;
		}
	.ui-dialog-content
	{
		display: block;
		clear: both;
	}


/*======================================================================
	SCROLLER/CAROUSEL
----------------------------------------------------------------------*/
.scroller
{
	position: relative;
	z-index: 2000;
}
	.scroller a.previous
	{}
	.scroller a.next
	{}
	.scroller .carousel
	{
		position: relative;
		overflow: hidden;
		z-index: 2001;
	}
		.scroller .carousel ul
		{
			position: absolute;
			display: block;
			margin: 0;
			list-style-type: none;
			z-index: 1999;
		}
			.scroller .carousel ul li
			{
				margin: 0;
				padding: 0;
			}

	/*-- HORIZONTAL --*/
	.scroller-horizontal
	{
		padding: 0 20px;
	}
		.scroller-horizontal a.prev,
		.scroller-horizontal a.next
		{
			position: absolute;
			display: block;
			top: 23px;
			left: 0;
			margin: 0;
			padding: 0;
			width: 16px;
			height: 126px;
			background-color: #dcddd5;
			z-index: 2000;
		}
		.scroller-horizontal a.next
		{
			margin: 0;
			left: auto;
			right: 0px;
		}
			.scroller-horizontal a.prev span,
			.scroller-horizontal a.next span
			{
				display: block;
				margin: 55px 0 0 5px;
				width: 8px;
				height: 17px;
				text-indent: -4100px;
				background-image: url(../images/layout/sprite_globals.png);
				background-repeat: no-repeat;
				cursor: pointer;
			}
			.scroller-horizontal a.prev span
			{
				margin-left: 4px;
				background-position: -120px -90px;
			}
			.scroller-horizontal a.next span
			{
				background-position: -120px -110px;
			}
		.scroller-horizontal .carousel
		{
			display: block;
			width: auto;
			height: 126px;
		}
	
	/*-- VERTICAL --*/
	.scroller-vertical
	{
		padding: 10px 15px;
		width: 90px;
		border: 1px solid #dcddd5;
	}
		.scroller-vertical a.prev,
		.scroller-vertical a.next
		{
			display: block;
			margin: 10px 0;
			height: 16px;
			background-color: #dcddd5;
		}
		.scroller-vertical a.next
		{
			margin: 0;
		}
			.scroller-vertical a.prev span,
			.scroller-vertical a.next span
			{
				display: block;
				margin: 5px auto 0 auto;
				width: 17px;
				height: 8px;
				text-indent: -4100px;
				background-image: url(../images/layout/sprite_globals.png);
				background-repeat: no-repeat;
				cursor: pointer;
			}
			.scroller-vertical a.prev span
			{
				background-position: -80px -110px;
			}
			.scroller-vertical a.next span
			{
				margin-top: 6px;
				background-position: -40px -110px;
			}
		.scroller-vertical .carousel
		{
			display: block;
			width: 90px;
			height: 565px;
		}


/*======================================================================
	CONTENT STYLING
----------------------------------------------------------------------*/
.ct {}
	.ct p
	{
		margin: 0 0 1em 0;
	}
	.ct-body {}
	.ct-lowerbody {}
	.ct-sidebody {}

/*======================================================================
	FOOTER
----------------------------------------------------------------------*/
#footer-container {}
	
	/*---------------------------------
		EMAIL SIGNUP
	---------------------------------*/
	#email-signup 
	{
		margin-bottom: 5px;
		padding: 5px;
		float: none;
		clear: both;
		background: #fff;
		border-top: 1px solid #dcddd5;
	}
		#email-signup .list-signup
		{
			width: 625px;
			float: left;
		}
			#email-signup .pairinglist
			{
				width: 565px;
				float: left;
			}
				#email-signup .pairinglist ul.pairings
				{
					margin: 0;
					_width: 465px;
					float: left;
					list-style-type: none;
				}
					#email-signup .pairinglist ul.pairings li
					{
						_width: 465px;
						float: left;
					}
					#email-signup .pairinglist ul.pairings li.emailaddress-pairing
					{
						padding: 8px 5px 0 90px;
						text-align: right;
					}
						#email-signup .pairinglist ul.pairings li.emailaddress-pairing label.primary
						{
							display: block;
							margin: 5px 0 0 0;
							padding: 0;
							width: 180px;
							height: 13px;
							float: left;
							text-align: left;
							text-indent: -4100px;
							background: transparent url(../images/layout/sprite_globals.png) -320px -70px no-repeat;
							overflow: hidden;
						}
						body #email-signup .pairinglist ul.pairings li.emailaddress-pairing .pairing-content,
						body #email-signup .pairinglist ul.pairings li.emailaddress-pairing .pairing-content .pairing-controls
						{
							width: 260px;
							float: left;
						}
							body #email-signup .pairinglist ul.pairings li.emailaddress-pairing .pairing-content .input-text
							{
								margin-left: 5px;
								width: 260px;
								float: left;
							}
			#email-signup .actionlist
			{
				padding: 9px 0 0 0;
				_width: 30px;
				float: left;
			}
				#email-signup .actionlist ul.actions li.action
				{
					margin: 0;
				}
		#email-signup .footer-callout
		{
			width: 315px;
			float: right;
			border-left: 1px solid #dcddd5;
		}

	/*---------------------------------
		FOOTER LINKS
	---------------------------------*/
	#footer
	{
		padding: 20px;
	}
		#footer .column
		{
			padding-left: 10px;
			width: 23%;
			min-height: 140px;
			_height: 140px;
			float: left;
			border-left: 1px solid #818181;
		}
		#footer .about
		{
			padding-left: 0px;
			width: 20%;
			border: none;
		}
		#footer .cust-serv
		{
			width: 35%;
		}
		#footer .community
		{
			width: 20%;
		}
		#footer .chat
		{
			width: 190px;
		}
			#footer .column h4
			{
				margin-bottom: 10px;
				height: 13px;
				color: #818181;
				background: transparent url(../images/layout/sprite_globals.png) -320px -90px no-repeat;
			}
				#footer .column h4 a
				{
					display: block;
					text-indent: -4100px;
				}
			#footer .about h4
			{
				background-position: -320px -90px;
			}
			#footer .cust-serv h4
			{
				background-position: -320px -110px;
			}
			#footer .community h4
			{
				background-position: -320px -130px;
			}
			#footer .chat h4
			{
				padding-top: 15px;
				background: none;
			}
				#footer .chat h4 a
				{
					display: block;
					margin: 0 auto;
					width: 165px;
					height: 51px;
					background: transparent url(../images/layout/sprite_globals.png) 0px -150px no-repeat;
				}
			#footer .column .lists {}
				#footer .column .lists ul
				{
					margin: 0;
					font-size: 1.1em;
					list-style-type: none;
				}
					#footer .column .lists ul li
					{
						margin: 0 0 10px 0;
					}
					#footer .cust-serv .lists ul li
					{
						width: 47%;
						float: left;
					}
						#footer .column .lists ul li a
						{
							color: #fff;
							text-decoration: none;
						}
							#footer .column .lists ul li a:hover
							{
								color: #8a1e04;
								text-decoration: underline;
							}
					#footer .community .lists ul li
					{
						display: list-item;
						overflow: auto;
						*overflow: visible;
					}
						#footer .community .lists ul li a
						{
							display: block;
							float: left;
						}
						#footer .community .lists ul li a i
						{
							display: block;
							margin: 0 5px 0 0;
							padding: 0;
							width: 12px;
							height: 17px;
							float: left;
							background-image: url(../images/layout/sprite_globals.png);
							background-repeat: no-repeat;
							background-position: 0px -50px;
						}
							#footer .community .lists ul li.blog a i 		{ margin-top: 0px; background-position: 0px -50px; }
							#footer .community .lists ul li.facebook a i 	{ margin-top: 1px; background-position: 0px -90px; }
							#footer .community .lists ul li.twitter a i 	{ margin-top: 1px; background-position: 0px -70px; }
							
						#footer .community .lists ul li a span
						{
							display: block;
							margin: 0;
							padding: 0;
							float: left;
							cursor: pointer;
							text-decoration: none;
						}
							#footer .community .lists ul li.blog a span 	{ margin-top: 2px; }

	/*---------------------------------
		COPYRIGHT
	---------------------------------*/
	#copyright-container {}
		#copyright-container ul
		{
			margin: 0;
			list-style-type: none;
		}
			#copyright-container ul li
			{
				display: inline;
				margin-left: 5px;
				padding-left: 5px;
				font-size: 1.1em;
				border-left: 1px solid #262625;
			}
			#copyright-container ul li.copyright,
			#copyright-container ul li.secure
			{
				border: none;
			}
				#copyright-container ul li a
				{
					color: #fff;
					text-decoration: none;
				}
					#copyright-container ul li a:hover
					{
						text-decoration: underline;
					}

