/*======================================================================
	LIGHTS ONLINE: Layout
	--------------------------------------------------------------------
	COLOR PALETTE:
	Gray text:				#383838;
	Light gray text:		#b5b5b5;
	Medium gray text:		#797979;
	Blue links:				#005467;
	Teal backgrounds:		#226b7b;
	Gray borders:			#d5d4d3;
	Bright blue borders:	#00b2d9;
	Gray hover background:	#eae9e9;
	Dark button gray:		#3a3a3a;
	Description text gray:	#707070;
	Light gray background:	#f7f6f6;
	Medium gray background:	#e2e1e0;
	Red						#971e1e;
----------------------------------------------------------------------*/
*
{
	margin: 0;
	padding: 0;
}

body
{
	font: 62.5%/1 arial, sans-serif;
	color: #383838;
	background: #fff;
	_height: 100%;
}

/*======================================================================
	SCREEN READER ONLY
----------------------------------------------------------------------*/
.screenreader
{
	position: absolute;
	left: -9999em;
}

/*======================================================================
	HEADINGS
----------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: normal;
	font-size: 1em;
}

/*======================================================================
	STRUCTURAL BLOCKS
----------------------------------------------------------------------*/
address
{
	font-style: normal;
}

p.login-instructions
{
	margin-bottom: 1em;
}

/*======================================================================
	LISTS
----------------------------------------------------------------------*/
ol,
ul
{
	list-style: none;
}

/*======================================================================
	LINKS (AND FOCUS)
----------------------------------------------------------------------*/
a
{
	color: #005467;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/*======================================================================
	QUOTES
----------------------------------------------------------------------*/
blockquote,
q
{
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
	content: '';
	content: none;
}

/*======================================================================
	INLINE MARKUP
----------------------------------------------------------------------*/
pre
{
	white-space: pre;
}

cite,
em,
dfn
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

abbr,
acronym
{
	border: none;
}

code,
var,
samp,
kbd
{
	font-family: monospace;
}

sub,
sup
{
	vertical-align: baseline;
}

ins
{
	text-decoration: none;
	font-weight: bold;
}

del
{
	text-decoration: line-through;
}

/*======================================================================
	IMAGES
----------------------------------------------------------------------*/
a img
{
	border: none;
}

/*======================================================================
	TABLES
----------------------------------------------------------------------*/
table
{
	border-collapse: collapse;
}

td,
th,
caption
{
	font-size: 1em;
	font-family: arial, sans-serif;
	font-weight: normal;
	text-align: left;
}

td
{
	vertical-align: top;
}

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

table .negative
{
	
}

/*---------------------------------
	BASE TABLE
---------------------------------*/
table.base
{
	width: 100%;
	font-size: 1.1em;
}

/*---------------------------------
	LINE ITEMS TABLE
---------------------------------*/
table.lineitems
{}

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

	table.lineitems td.col-product .image
	{
		margin: 0 10px 0 0;
		width: 50px;
		float: left;	
	}
	
	table.lineitems td.col-product .info
	{
		margin-left: 60px;
	}
	
		table.lineitems td.col-product .info .fulfillmentsystemproductid
		{
			display: block;
		}
	
	table.lineitems th.col-quantity,
	table.lineitems td.col-quantity
	{
		text-align: center;
	}
	
/*---------------------------------
	ORDER TOTALS TABLE
---------------------------------*/
table.ordertotals
{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #353535;
	border: 1px solid #d5d4d3;
	border-collapse: collapse;
	text-align: right;
}

	.ordertotals th,
	.ordertotals td
	{
		padding: 4px 6px 4px 0;
		background-color: #f7f6f6;
		text-align: right;
	}

	.ordertotals th
	{}

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

	.ordertotals tr.tax th,
	.ordertotals tr.tax td
	{}

	.ordertotals tr.order-total th,
	.ordertotals tr.order-total td,
	.ordertotals tr.order-total td.price
	{
		font-weight: bold;
		color: #00b2d9;
	}

/*---------------------------------
	GRID TABLE
	Couldn't use percentage widths for TH and TD due to IE8 bug
---------------------------------*/
table.grid
{
	width: auto;
	font-size: 1.2em;
}

	table.grid th
	{
		width: 76px;
		padding: 13px 15px;
		font-weight: bold;
		text-align: right;
		vertical-align: top;
		line-height: 1.3;
	}
	
	table.grid td
	{
		width: 138px;
		padding: 13px 15px;
		line-height: 1.3;
		border-left: 1px solid #d5d4d3;
	}
	
		table.grid img
		{
			border: 1px solid #d5d4d3;
		}

/*---------------------------------
	STRIPED TABLE
---------------------------------*/
table.striped
{
	
}

	table.striped tr.alt td,
	table.striped tr.alt th
	{
		background-color: #f7f6f6;
	}

/*======================================================================
	FORMS
----------------------------------------------------------------------*/
fieldset
{
	border: none;
}

legend
{
	*margin-left: -7px; /* Fix IE6-7 */
	color: #383838;
}

	legend span
	{
		display: block;
	}

label
{
	vertical-align: middle;
}

input,
select,
textarea
{
	padding: 3px;
	font-size: 1em;
	font-family: arial, sans-serif;
	border: 1px solid #d5d4d3;
	vertical-align: middle;
	/* Set focus styles if you did not set them globally */
}

input.input-image
{
	padding: 0;
	border: none;
}

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

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

option
{
	padding-right: 13px;
}

button,
.button
{
	padding: 2px;
	color: white;
	background: #3a3a3a;
	overflow: visible;
	cursor: pointer;
}

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

.isolated
{
	padding: 15px;
	border: 1px solid #d5d4d3;
	background-color: #f7f6f6;
}
	.isolated h2,
	.isolated legend
	{
		padding-bottom: .6em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.4em;
		text-transform: uppercase;
	}

/*---------------------------------
	FIELD 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;
	}
	
		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 0;
			background: none;
		}
		
			li.pairing .input-text
			{
				width: 190px;
			}
			
			li.pairing .input-password
			{
				width: 150px;
			}
			
			li.pairing span.required,
			li.pairing span.optional
			{
				font-size: 1em;
				font-weight: normal;
				font-style: italic;
			}
		
			li.pairing span.pairing-note
			{
				font-size: 1em;
				font-weight: normal;
			}
		
	/*-- PAIRING LIST VERTICAL --*/
	li.pairing-vertical label.primary
	{
		display: block;
		margin-bottom: 0.4em;
	}
	
			li.pairing-vertical label.primary span.required,
			li.pairing-vertical label.primary span.optional
			{
				font-size: 1em;
				font-weight: normal;
				font-style: italic;
			}
		
			li.pairing-vertical label.primary span.pairing-label
			{
				font-size: 1.1em;
			}
		
			li.pairing-vertical label.primary span.pairing-note
			{
				font-size: 1em;
			}
		
	/*-- 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: 120px;
	}
	
	li.pairing-horizontal label.primary
	{
		margin-right: 3px;
		padding-top: 3px;
		width: 150px;
		float: left;
	}
		
		li.pairing-horizontal label.primary span.pairing-label
		{
			font-size: 1.1em;
			line-height: 1.2em;
		}
		li.pairing-horizontal label.primary span.pairing-note
		{
			display: block;
			font-size: 1em;
		}
		
		li.pairing-horizontal label.primary span.required,
		li.pairing-horizontal label.primary span.optional
		{
			font-size: 1em;
			font-weight: normal;
			font-style: italic;
		}

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

		li.pairing-horizontal .pairing-content select option
		{}
		
	/*-- PAIRING LIST DYNAMIC --*/
	li.dynamic-pairing
	{
		background-color: #fffecd;
		border: 1px dashed #dadada;
	}

	/*-- PAIRING WARNING --*/
	p.pairing-warning
	{
		display: inline;
		margin-left: 5px;
		padding: 3px;
		background-color: #fffecd;
	}

/*---------------------------------
	ACTION LISTS
---------------------------------*/
div.actionlist
{
	
}

	ul.actions
	{
		
	}

		ul.actions li.action
		{
			
		}
			
			/* presumes primary action is a button and secondary action is text */
			ul.actions li.action-secondary
			{
				
			}
			
			/* primarily for full-width buttons in checkout */
			ul.actions li.single-action
			{
				
			}

/*======================================================================
	SYSTEM MESSAGES
----------------------------------------------------------------------*/
.system-message
{
	margin-bottom: 8px;
	padding: 8px 8px 8px 34px;
	font-size: 1.1em;
	color: #666;
	border: 2px solid #00b2d9;
	background: url(../images/layout/icon_message-general.png) 8px center no-repeat;
}

/*======================================================================
	CLEARFIX
----------------------------------------------------------------------*/
.clearfix
{
	display: block;
	zoom: 1;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}

.noclearfix .clearfix:after
{
	content: "";
	display: none;
}

/*======================================================================
	CLIENT CONTENT (CT)
----------------------------------------------------------------------*/
.ct *
{
	margin: 0;
	padding: 0;
}

/*======================================================================
	PHOTO CALLOUTS
----------------------------------------------------------------------*/
.photocall
{
	position: relative;
	width: 960px;
	height: 312px;
	overflow: hidden;
}

.l-products .photocall
{
	margin-bottom: 10px;
}

.l-category .photocall
{
	margin-bottom: 20px;
}

	.photocall-ct
	{
		position: absolute;
		top: 109px;
		left: 595px;
		width: 350px;
		color: #fff;
	}
	
		.photocall-ct h1
		{
			padding-bottom: 6px;
			font-size: 2.6em;
			text-transform: uppercase;
			font-family: georgia, serif;
			color: #fefefe;
		}
		
		.photocall-ct div
		{
			width: 93%;
			font-size: 1.2em;
			line-height: 1.75;
		}
		
		.photocall-ct a
		{
			color: #fff;
		}
		
		.photocall-ct a:hover
		{
			text-decoration: none;
		}
		
	.photocall img,
	.photocall a.photocall-image
	{
		display: block;
	}
	
	/* Home page photocalls are links. Set cursor to pointer so it doesn't flicker when hovering over text */
	.l-home .photocall
	{
		cursor: pointer;
	}
	
		/* Hide inactive items in the rotator when the page loads */
		.js .l-home .photocall ul.items li
		{
			display: none;
		}
		
/*---------------------------------
	CONTROLS
---------------------------------*/
.photocall .navigation
{
	position: absolute;
	left: 598px;
	right: auto;
	bottom: 12px;
	padding-right: 18px;
	cursor: pointer;
}

	.photocall .navigation li
	{
		display: inline;
		margin: 0 1px;
		font-size: 1.1em;
	}
	
	.photocall .navigation a
	{
		padding: 1px 4px;
		color: #fff;
	}

	.photocall .navigation a:hover,
	.photocall .navigation a:focus
	{
		text-decoration: none;
		outline: none;
	}
	
	.photocall .navigation .rotator-current
	{
		padding: 1px 4px;
		background: url(../images/layout/sprite_fixedsize.png) -90px -50px;
	}
	
	.photocall .navigation .rotator-control
	{
		position: absolute;
		right: 0;
		top: 1px;
		*top: 0;
		width: 10px;
		height: 10px;
	}
	
		.photocall .navigation .rotator-control
		{
			padding: 0;
			display: block;
			height: 10px;
			background: url(../images/layout/sprite_fixedsize.png) -460px -20px;
		}
		
		.photocall .navigation .rotator-pause
		{
			background-position: -470px -20px;
		}
		
			.photocall .navigation .rotator-control span
			{
				position: absolute;
				left: -9999em;
			}

/*---------------------------------
	WIDTH/HEIGHT/POSITION OPTIONS
---------------------------------*/
.photocall-image-right .photocall-ct
{
	left: 28px;
}

.photocall-image-right .navigation
{
	left: auto;
	right: 584px;
}

.l-products .photocall,
.l-category .photocall,
.l-overview .photocall
{
	width: 790px;
	height: 260px;
}

.l-content .photocall
{
	width: 790px;
	height: 180px;
}

	.l-products .photocall .photocall-ct,
	.l-category .photocall .photocall-ct,
	.l-overview .photocall .photocall-ct
	{
		top: 70px;
		left: 437px;
		width: 340px;
	}
	
	.l-content .photocall .photocall-ct
	{
		top: 45px;
		left: 437px;
		width: 340px;
	}

	.l-products .photocall-image-right .photocall-ct,
	.l-category .photocall-image-right .photocall-ct,
	.l-overview .photocall-image-right .photocall-ct
	.l-content .photocall-image-right .photocall-ct
	{
		left: 32px;
	}
	
/*======================================================================
	CATEGORY CALLOUTS
----------------------------------------------------------------------*/
.catcalls
{
	margin-left: -18px;
	width: 808px;
}

.l-products .catcalls
{
	padding-top: 20px;
}

.l-home .catcalls
{
	margin-left: -20px;
	padding-top: 10px;
	width: 980px;
}

	.catcall
	{
		margin: 0 0 0 18px;
		padding-bottom: 20px;
		width: 251px;
		float: left;
		_display: inline;
	}
	
	.rowsof2 .catcall
	{
		width: 386px;
	}

	.rowsof3 .catcall
	{
		width: 251px;
	}

	.rowsof4 .catcall
	{
		width: 184px;
	}

		.catcall a
		{
			display: block;
			color: #383838;
			border: 1px solid #d5d4d3;
		}
		
		.catcall img
		{
			display: block;
		}
		
		.catcall a:hover
		{
			text-decoration: none;
		}
		
		.catcall h2
		{
			font: 1.4em/1.5 georgia, serif;
			text-transform: uppercase;
			text-align: center;
			background: #fdfdfc url(../images/layout/bg_catcall-gradient-left.png) left top repeat-y;
		}
		
			.catcalls h2 a
			{
				padding: 10px 7px;
				*min-height: 43px; /* The equal height script causes wrapping problems in IE6-7 when there is more than one row of callouts - forcing a height of two lines here */
				_height: 43px;
				background: url(../images/layout/bg_catcall-gradient-right.png) right top repeat-y;
				border-top: none;
			}
		
	.l-home .catcall
	{
		margin-left: 20px;
		width: 225px;
	}
	
		.l-home .rowsof2 .catcall
		{
			width: 470px;
		}
	
		.l-home .rowsof3 .catcall
		{
			width: 306px;
		}
	
		.l-home .rowsof4 .catcall
		{
			width: 225px;
		}
	
/*======================================================================
	UPSELLS (CAROUSELS)
----------------------------------------------------------------------*/
.upsells
{
	padding: 0 19px;
	width: 752px;
}

.l-home .upsells
{
	*margin-bottom: 20px;
}

/*---------------------------------
	CAROUSEL BUTTONS
---------------------------------*/
.upsells .crslbtn-wrap
{
	display: none;
	position: absolute;
	z-index: 3;
	top: 0;
	width: 18px;
	height: 163px;
	border: 1px solid #d5d4d3;
	background: url(../images/layout/sprite_crslbtn.png) 0 50%;
	overflow: hidden;
}

.js .upsells .crslbtn-wrap
{
	display: block;
}

	.upsells .crslbtn,
	.upsells .crslbtn-wrap div
	{
		display: block;
		height: 163px;
		background: url(../images/layout/sprite_crslbtn.png) 0 50%;
	}
	
		.upsells .crslbtn span
		{
			position: absolute;
			left: -9999em;
		}

.upsells .crslbtn-wrap-next
{
	right: 0;
}

.upsells .crslbtn-wrap-prev
{
	left: 0;
}

	.upsells .crslbtn-wrap .crslbtn-bg-next,
	.upsells .crslbtn-next
	{
		background-position: 0 50%;
	}
	
	.upsells .crslbtn-wrap .crslbtn-bg-prev,
	.upsells .crslbtn-prev
	{
		background-position: -40px 50%;
	}

	.upsells .disabled .crslbtn-bg-next,
	.upsells .disabled .crslbtn-next
	{
		background-position: -20px 50%;
		cursor: default;
	}
	
	.upsells .disabled .crslbtn-bg-prev,
	.upsells .disabled .crslbtn-prev
	{
		background-position: -60px 50%;
		cursor: default;
	}
	
/* MATTE TO COVER CAROUSEL ITEM UNDER NEXT BUTTON */
.upsells .crsl-matte
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: 20px;
	height: 400px;
	background: white;
}

/*---------------------------------
	UPSELLS CONTENT
---------------------------------*/
.upsells ul li
{
	position: relative;
	margin-bottom: 20px;
	padding: 0 8px 22px 8px;
	width: 172px;
	float: left;
	font-size: 1.2em;
	line-height: 1.5;
	background: none;
}

	.upsells ul li a
	{
		display: block;
	}

	.upsells ul li img
	{
		display: block;
		border: 1px solid #d5d4d3;
	}
	
	.upsells ul li .productinfo
	{
		
	}

		.upsells ul li .productinfo h3
		{
			padding-top: 6px;
			height: 3em;
			overflow: hidden;
		}
	
		.upsells ul li .productinfo .prices
		{
			height: 1.5em;
			font-weight: bold;
			overflow: hidden;
		}
	
	.upsells ul li .morelink
	{
		position: absolute;
		left: 8px;
		bottom: 0;
		width: 85px;
		height: 16px;
		background: url(../images/layout/sprite_fixedsize.png) 0px -20px;
	}

/*---------------------------------
	ALTERNATE SIZES
---------------------------------*/
.upsells-size-2
{
	padding: 0 22px;
	_padding-right: 21px; /* Needed to prevent offscreen carousel items from showing under "next" button */
	width: 919px;
}

	.upsells-size-2 .crslbtn-wrap,
	.upsells-size-2 .crslbtn,
	.upsells-size-2 .crslbtn-wrap div
	{
		height: 146px;
	}
	
	.upsells-size-2 ul li
	{
		padding: 0 14px 22px 14px;
		width: 155px;
	}

		.upsells-size-2 ul li .morelink
		{
			left: 14px;
		}

/*======================================================================
	TABS
----------------------------------------------------------------------*/
.tabs
{
	
}

	.tabs ul.tablist
	{
		border-bottom: 1px solid #d5d4d3;
	}
	
		.tabs ul.tablist li
		{
			margin-right: 5px;
			float: left;
			border: 1px solid #e2e1e0;
		}
		
		.tabs ul.tablist li.ui-state-active
		{
			position: relative;
			z-index: 1;
			margin-bottom: -1px;
			padding-bottom: 3px;
			border-bottom: none;
			background: #fff;
		}
		
			.tabs ul.tablist li a
			{
				display: block;
				padding: 3px 10px;
				font-size: 1.2em;
				border: 1px solid #f7f6f6;
				background: #e2e1e0;
			}
			
				.tabs ul.tablist li a span
				{
					display: block;
				}
			
			.tabs ul.tablist li a:hover
			{
				text-decoration: none;
			}
			
			.tabs ul.tablist li.ui-state-active a,
			.tabs ul.tablist li a:focus
			{
				color: #383838;
				background: white;
				border: 1px solid #fff;
				cursor: default;
				border-bottom: none;
				outline: none;
			}
			
	.js .tabs .ui-tabs-hide
	{
		display: none;
	}
		
/*======================================================================
	BREADCRUMBS
----------------------------------------------------------------------*/
	.breadcrumbs
	{
		padding-bottom: 10px;
	}
	
		.breadcrumbs ul
		{
			display: inline;
		}
		
			.breadcrumbs li
			{
				position: relative;
				display: inline;
				margin-left: 6px;
				padding-left: 10px;
			}
			
			.breadcrumbs li.first
			{
				margin: 0;
				padding: 0;
			}
			
			.breadcrumbs li.first span.icon
			{
				display: none;
			}
			
			.breadcrumbs li.first li span.icon
			{
				display: block;
			}
			
				.breadcrumbs a,
				.breadcrumbs span
				{
					font-size: 1.1em;
				}
				
				.breadcrumbs span.icon
				{
					position: absolute;
					left: 0;
					*left: -1px;
					_left: 4px;
					top: 0.2em;
					*top: 0.3em;
					width: 4px;
					height: 8px;
					background: url(../images/layout/sprite_fixedsize.png) -310px -20px;
				}
				
/*======================================================================
	PAGINATION
----------------------------------------------------------------------*/
.pagination li
{
	display: inline;
	margin: 0 1px;
	font-size: 1.1em;
}

.pagination li.pagination-prev
{
	margin-right: 5px;
}

.pagination li.pagination-next
{
	margin-left: 5px;
}

	.pagination li.active span
	{
		padding: 0 4px;
		color: #fff;
		background: #3a3a3a;
	}

/*======================================================================
	WRAP
----------------------------------------------------------------------*/
#wrap
{
	margin: 0 auto;
	width: 978px;
}

.paddedwrapper
{
	padding: 0 9px;
}

/*======================================================================
	HEADER
----------------------------------------------------------------------*/
#header
{
	padding-bottom: 16px;
}

.l-home #header
{
	padding-bottom: 8px;
}

	/*---------------------------------
		ROW 1
	---------------------------------*/
	#header .row1
	{
		padding: 0 9px 3px 9px;
		background: url(../images/layout/bg_rule-978.png) left bottom no-repeat;
	}
	
		#header .row1 li
		{
			float: left;font-size: 1.1em;
			line-height: 2.6;
		}
		
			#header .row1 li a
			{
				margin-left: 5px;
				padding-left: 7px;
				border-left: 2px solid #D5D4D3;
			}
			
			#header .row1 li a.first,
			#header .row1 .header-contact a
			{
				margin-left: 0;
				padding-left: 0;
				border-left: none;
			}
		
		#header .row1 li.header-signin
		{
			width: 344px;
		}
		
		#header .row1 li.header-contact
		{
			padding-top: 5px;
			width: 420px;
			line-height: 1.2;
		}
		
			#header .row1 li.header-contact a
			{
				color: #383838;
				text-transform: uppercase;
				font-size: 1.4em;
				font-family: georgia, serif;
			}
			
			#header .row1 li.header-contact a:hover
			{
				color: #005467;
			}
		
		#header .row1 li.header-account
		{
			width: 196px;
			text-align: right;
		}
		
	/*---------------------------------
		ROW 2
	---------------------------------*/
	
	#header .row2
	{
		padding: 7px 9px 7px 9px;
		_height: 50px;
	}
	
		#header .row2 div#header-logo
		{
			padding-top: 7px;
			width: 448px;
			float: left;
		}
		
			#header .row2 div#header-logo a,
			#header .row2 div#header-logo img
			{
				display: block;
				width: 354px;
				height: 28px;
			}
	
		#header .row2 div#header-search
		{
			padding-top: 10px;
			width: 362px;
			float: left;
		}
		
			#header-search label
			{
				padding-right: 5px;
				text-transform: uppercase;
				font-size: 1.2em;
				font-family: georgia, serif;
				vertical-align: -3px;
			}
	
			#header-search .input-text
			{
				margin-right: 5px;
				width: 170px;
				font-size: 1.1em;
				color: #b5b5b5;
			}
			
			#header-search .input-text-focus
			{
				color: #383838;
			}
	
		#header .row2 div#header-cart
		{
			padding: 3px 0;
			width: 148px;
			float: left;
			border: 1px solid #d5d4d3;
			font-size: 1.1em;
			line-height: 1.6;
			text-align: center;
		}
	
			#header .row2 div#header-cart h4
			{
				text-transform: uppercase;
				font-weight: bold;
			}

			#header .row2 div#header-cart a.first
			{
				margin-right: 5px;
				padding-right: 7px;
				border-right: 2px solid #D5D4D3;
			}

	/*---------------------------------
		ROW 3
	---------------------------------*/
	#header .row3
	{
		padding: 0 9px 3px 9px;
		background: url(../images/layout/bg_rule-978.png) left bottom no-repeat;
	}
	
		#nav-primary
		{
			padding: 0 10px 0 10px;
			width: 940px;
			height: 37px;
			clear: both;
			background: url(../images/layout/sprite_nav.png);
		}
		
			/* NAV LEVEL 1 */
			#nav-primary li
			{
				position: relative;
				z-index: 2;
				margin-right: 2px; /* needed to leave space for the focus outline */
				height: 37px;
				float: left;
				background: url(../images/layout/sprite_nav.png);
			}
			
				#nav-primary li a
				{
					display: block;
					height: 37px;
					background: url(../images/layout/sprite_nav.png);
				}

					#nav-primary li a span
					{
						position: absolute;
						left: -9999em;
					}
			
			#nav-primary .nav-item-indoor-lights
			{
				width: 155px;
				background-position: -14px -80px;
			}
			
			#nav-primary .nav-item-chandeliers
			{
				width: 137px;
				background-position: -171px -80px;
			}
	
			#nav-primary .nav-item-pendants
			{
				width: 110px;
				background-position: -310px -80px;
			}
	
			#nav-primary .nav-item-sconces
			{
				width: 100px;
				background-position: -422px -80px;
			}
	
			#nav-primary .nav-item-fans
			{
				width: 67px;
				background-position: -524px -80px;
			}
	
			#nav-primary .nav-item-outdoor-lights
			{
				width: 171px;
				background-position: -593px -80px;
			}
			
			#nav-primary .nav-item-lightingtrends
			{
				width: 172px;
				background-position: -766px -80px;
			}
			
			#nav-primary li.hover
			{
				
			}
			
				#nav-primary .nav-item-indoor-lights a
				{
					background-position: -14px -40px;
				}
				
				#nav-primary .nav-item-chandeliers a
				{
					background-position: -171px -40px;
				}
		
				#nav-primary .nav-item-pendants a
				{
					background-position: -310px -40px;
				}
		
				#nav-primary .nav-item-sconces a
				{
					background-position: -422px -40px;
				}
		
				#nav-primary .nav-item-fans a
				{
					background-position: -524px -40px;
				}
		
				#nav-primary .nav-item-outdoor-lights a
				{
					background-position: -593px -40px;
				}
				
				#nav-primary .nav-item-lightingtrends a
				{
					background-position: -766px -40px;
				}
				
				#nav-primary li.hover a,
				#nav-primary li.active a
				{
					background: none;
				}
				
				/* RESET STYLES FOR LEVEL 2 */
				#nav-primary li ul li
				{
					position: static;
					margin-right: 0;
					height: auto;
					float: none;
					background: none;
				}
					
					#nav-primary li ul li a
					{
						height: auto;
						background: none;
					}
					
						#nav-primary li ul li a span
						{
							position: static;
						}
						
				/* LEVEL 2 */
				#nav-primary li ul.nav-menu
				{
					display: none;
					position: absolute;
					top: 37px;
					left: 10px;
					width: 178px;
					border: 1px solid #d5d4d3;
					background: #fff;
				}
				
				#nav-primary li.altdrop ul.nav-menu
				{
					left: auto;
					right: 1px;
					_right: 0;
				}
				
				#nav-primary li.hover ul.nav-menu
				{
					display: block;
				}

				#nav-primary li ul.nav-menu-cols-2
				{
					width: 356px;
				}
				
				#nav-primary li ul.nav-menu-cols-3
				{
					width: 534px;
				}
				
				#nav-primary li ul.nav-menu-cols-4
				{
					width: 712px;
				}
				
					#nav-primary li ul.nav-menu li.nav-menu-col
					{
						width: 178px;
						float: left;
					}

					#nav-primary li.altdrop ul.nav-menu li.nav-menu-col
					{
						float: right;
					}

					#nav-primary li ul.nav-menu li ul
					{
						padding: 5px 0;
					}
					
						#nav-primary li ul.nav-menu li ul li
						{
							width: 100%;
							float: left;
							font-size: 1.1em;
						}
						
							#nav-primary li ul.nav-menu li ul li a
							{
								margin: 0 10px;
								padding: 5px 0;
								border-top: 1px solid #d5d4d3;
							}
	
							#nav-primary li ul.nav-menu li ul li a:hover
							{
								text-decoration: none;
								background: #eae9e9;
							}

								#nav-primary li ul.nav-menu li ul li a span
								{
									padding: 0 20px;
								}
	
							#nav-primary li ul.nav-menu li ul li.first a
							{
								border-top: none;
							}
							
		#header .row3 .ct
		{
			padding: 10px 0 13px 2px;
			width: 339px;
			float: left;
			font: 1.4em/1 georgia, serif;
			text-transform: uppercase;
		}
		
		#nav-secondary
		{
			width: 618px;
			float: right;
			text-align: right;
			font-size: 1.1em;
		}
		
			#nav-secondary li
			{
				margin-left: 7px;
				padding-left: 7px;
				display: inline;
				font-size: 1.1em;
				border-left: 2px solid #d5d4d3;
				line-height: 3.05;
			}
			
			#nav-secondary li.first
			{
				margin: 0;
				padding: 0;
				border: none;
			}
	
/*======================================================================
	CONTENT
----------------------------------------------------------------------*/
#content
{
	
}

.ct-banner
{
	padding-top: 11px;
}

/*======================================================================
	ASIDE
----------------------------------------------------------------------*/
#aside
{
	padding-left: 9px;
	width: 146px;
	float: left;
}

	#aside .heading-wrap
	{
		margin: 16px 0 0 0;
		padding: 0 0 3px 0;
		background: url(../images/layout/bg_rule-144.png) left bottom no-repeat;
	}
	
	#aside .heading-wrap-first
	{
		margin: 0;
	}
	
		#aside h2,
		#aside h3
		{
			padding: 3px 0 0 10px;
			font: 1.4em/1.6 georgia, serif;
			text-transform: uppercase;
			background: url(../images/layout/bg_rule-144.png) no-repeat;
		}
		
	p.searchresultsnum
	{
		padding: 6px 0 12px 0;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: bold;
	}
	
/*---------------------------------
	SIDE NAV
---------------------------------*/
#aside ul
{
	padding: 3px 0 0 0;
	line-height: 1.3;
}

	#aside ul li
	{
		padding: 4px 0 4px 10px;
	}
	
	#aside ul.withsubnav li
	{
		border-bottom: 1px solid #d5d4d3;
	}
	
	#aside ul.withsubnav li:last-child
	{
		border: none;
	}
	
		#aside ul li a
		{
			font-size: 1.1em;
		}
		
		#aside ul li.list-toggle a
		{
			text-transform: uppercase;
			font-weight: bold;
		}
		
			#aside ul li a span.filter-count
			{
				color: #797979;
				font-size: 0.9em;
			}
		
		#aside ul li.active a
		{
			font-weight: bold;
			background: #eae9e9;
		}
		
			#aside ul ul
			{
				padding: 4px 0 0 0;
			}
			
			#aside ul ul
			{
				display: none;
			}
			
			#aside ul li.active ul
			{
				display: block;
			}
			
				#aside ul li.active ul ul
				{
					display: none;
				}
				
				#aside ul li.active li.active ul
				{
					display: block;
				}

				#aside ul.withsubnav li ul li
				{
					border: none;
				}
				
					#aside ul li.active ul li a
					{
						font-weight: normal;
						background: #fff;
					}
					
					#aside ul li.active ul li.active a
					{
						font-weight: bold;
						background: #eae9e9;
					}
					
						#aside ul li.active ul li.active ul li a
						{
							font-weight: normal;
							background: #fff;
						}
						
						#aside ul li.active ul li.active ul li.active a
						{
							font-weight: bold;
							background: #eae9e9;
						}

/*---------------------------------
	FILTERS
---------------------------------*/
#aside .filter-selection
{
	padding: 12px 0 0 10px;
}

	#aside .filter-selection h5
	{
		font-size: 1.1em;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	#aside .filter-selection ul li
	{
		padding-left: 0;
	}
	
	#aside .filter-selection span
	{
		font-size: 1.1em;
	}
	
	#aside .filter-selection a
	{
		margin: 0;
		padding: 0;
	}

/*---------------------------------
	RECENT PRODUCTS
---------------------------------*/
#aside ul.products
{
	padding-top: 0;
}

	#aside ul.products li
	{
		padding: 10px 0 10px 10px;
		border-bottom: 1px solid #d5d4d3;
	}
	
	#aside ul.products li:last-child
	{
		border-bottom: none;
	}

		#aside ul.products li a
		{
			display: block;
			width: 60%;
			_width: auto;
		}
		
			#aside ul.products li a img
			{
				display: block;
				margin-bottom: 8px;
				border: 1px solid #d5d4d3;
			}
				
		#aside ul.products li .prices
		{
			padding-top: 6px;
			font-size: 1.1em;
			font-weight: bold;
		}
		
/*======================================================================
	MAIN
----------------------------------------------------------------------*/
#main
{
	padding: 0 9px;
	width: 960px;
}

.with-side-container #main
{
	width: 790px;
	float: right;
}

/*======================================================================
	FOOTER
----------------------------------------------------------------------*/
#footer
{
	padding-top: 16px;
}

.l-home #footer
{
	padding-top: 8px;
}

	#footer .row
	{
		text-align: center;
	}
	
		#footer .row li
		{
			margin-left: 7px;
			padding-left: 7px;
			display: inline;
			font-size: 1.1em;
			border-left: 2px solid #d5d4d3;
			line-height: 2;
		}
		
			#footer .row li ul
			{
				display: none;
			}
			
		#footer .row li.first
		{
			margin: 0;
			padding: 0;
			border: none;
		}
		
		#footer .row li.icon a
		{
			padding-left: 18px;
			position: relative;
		}
		
			#footer .row li.icon a span
			{
				position: absolute;
				top: 0;
				left: 0;
				width: 14px;
				height: 14px;
				background: url(../images/layout/sprite_fixedsize.png) -320px -20px;
			}
			
			#footer .row li.icon-facebook a span
			{
				background-position: -320px -20px;
			}
		
			#footer .row li.icon-twitter a span
			{
				background-position: -340px -20px;
			}
		
	/*---------------------------------
		SECTION 1
	---------------------------------*/
	#footer-section-1
	{
	}
	
		#footer-section-1 ul
		{
			width: 978px;
			height: 49px;
			line-height: 49px;
			background: url(../images/layout/bg_footer-1.jpg) 0 0 no-repeat;
		}
		
			#footer-section-1 ul li
			{
				_display: inline;
				margin-left: 60px;
				width: 260px;
				float: left;
			}
	
			#footer-section-1 ul li.item-2
			{
				margin-left: 80px;
				width: 240px;
			}

			#footer-section-1 ul li.item-3
			{
				margin-left: 95px;
				width: 230px;
			}

				#footer-section-1 ul li a
				{
					display: block;
					font-size: 1.4em;
					font-family: georgia, serif;
					text-transform: uppercase;
					color: #231f20;
				}
	
	/*---------------------------------
		SECTION 2
	---------------------------------*/
	#footer-section-2
	{
		padding: 19px 0;
	}
	
		#footer-section-2 h5
		{
			padding: 25px 0 0 37px;
			width: 201px;
			float: left;
			font-size: 1.4em;
			font-family: georgia, serif;
			text-transform: uppercase;
			color: #231f20;
		}
		
		#footer-section-2 ul
		{
			float: left;
		}
	
			#footer-section-2 ul li
			{
				padding-right: 36px;
				float: left;
			}
	
	/*---------------------------------
		SECTION 3
	---------------------------------*/
	#footer-section-3
	{
		padding: 13px 0 10px 0;
		background: url(../images/layout/bg_rule-978.png) no-repeat;
	}
	
	/*---------------------------------
		SECTION 4
	---------------------------------*/
	#footer-section-4
	{
		padding: 13px 0 20px 0;
		background: url(../images/layout/bg_rule-978.png) no-repeat;
	}
		#footer-section-4 .row1 li.first
		{
			margin-left: -20px;
		}
		#footer-section-4 .row2
		{
			margin: 0 270px;
			padding-top: 10px;
		}

	/*---------------------------------
		Hot100 Logo
	---------------------------------*/
	.hot100
	{
		margin-right: 20px;
		float: left;
	}
	/*---------------------------------
		LivePerson chat trigger
	---------------------------------*/
	.liveperson {
		margin-right: 20px;
		padding: 10px 0 0;
		width: 191px;
		float: left;
	}
		.liveperson tr {}
			.liveperson tr a,
			.liveperson tr a img
			{
				display: block;
			}
		.liveperson tr.lpPoweredBy
		{
			display: none;
		}
		.liveperson tr.lpEmtStarRating
		{
			display: none;
		}
	/*---------------------------------
		Authorize.Net seal
	---------------------------------*/
	.AuthorizeNetSeal
	{
		width: 90px;
		float: left;
	}



/*======================================================================
	MODAL OVERLAY
----------------------------------------------------------------------*/
.modal-overlay
{
	display: none;
	position: fixed;
	_position: absolute;
	top: 0;
	right: 0;
	_right: auto;
	bottom: 0;
	_bottom: auto;
	left: 0;
	z-index: 4;
	_width: 100%;
	_height: 1000%;
	background: black;
	opacity: 0.6;
	*filter:alpha(opacity=60);
}

/*======================================================================
	ISOLATED HEADERS
----------------------------------------------------------------------*/
.header-isolated-outer
{
	padding-top: 3px;
	background: url(../images/layout/bg_rule-790.png) no-repeat;
}

.header-isolated-inner
{
	padding: 12px 0 15px 0;
	background: url(../images/layout/bg_rule-790.png) left bottom no-repeat;
}

.header-isolated-inner-padded
{
	padding-left: 30px;
	padding-right: 30px;
}

	.header-isolated-inner h1,
	.header-isolated-inner h3
	{
		float: left;
		font: 1.4em/1 georgia, serif;
		text-transform: uppercase;
	}
	
	.header-isolated-inner .linkwrap
	{
		position: relative;
		float: right;
		font-size: 1.1em;
	}
	
		.header-isolated-inner .linkwrap span
		{
			position: absolute;
			top: -0.1em;
			right: 4.8em;
			width: 13px;
			height: 13px;
			background: url(../images/layout/sprite_fixedsize.png) -220px -20px;
		}