@import 'reset.css';	
@import 'typography.css';
@import 'grid.css';


/* ---- GLOBAL SITE STYLES ---- */ 
body {
	background:url(../images/bg_body.jpg) repeat-x 0 0 #fff;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;	
}
a {
	color:#709DAA;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3, h4, h5 {
	color:#584123;
	margin-bottom:0;
}
.left {float:left;}

fieldset input {
	border:1px solid #726e61;
	padding:5px 7px 4px;
	color:#A19A92;
}

.textBox{border:1px solid #8A8A92;background:url(../images/bg_productsearch.png) repeat-x left bottom #FFFFFF;margin-bottom:20px; padding:15px 5px;}


/* ---- container styles ---- */
.container {
	width:990px;
	margin:0 auto;
	font-size:1.2em;
}
	#container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	#container {zoom:1;}


/* ---- masthead styles ---- */
#masthead {
	text-align:center;
	margin-top:8px;
	margin-bottom:9px;
}



/* ---- account navigation styles ---- */
#account_nav {
	position:relative;
	height:26px;
}
	#account_nav ul {
		float:left;
		margin:0;
		padding-top:6px;
		padding-bottom:5px;
		list-style:none;
	}
	#account_nav li {
		margin:0;
		padding:0;
		display:inline;
	}
	#account_nav li a {
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:underline;
	}
	#account_nav li a:hover {
		color:#FFFFFF;	
		text-decoration:none;
	}

	#account_nav .tabbed {
		float:left;
		margin-left:12px;
		padding-left:6px;
		
	}
	#account_nav .tabbed ul {		
		padding-right:17px;
		
	}
	#account_nav .tabbed li {
		margin:0;
		padding:0 11px 0 7px;
		border-right:1px solid #432A0E;
		color:#cc9966;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}
	#account_nav .tabbed li a {
		color:#cc9966;
		text-decoration:underline;
	}
	#account_nav .tabbed li a:hover {
		color:#482D0F;
		text-decoration:none;
		
	}
	#account_nav .tabbed li.last {border:none}
	#account_nav:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	#account_nav {zoom:1;}

/* ---- header styles ---- */
#header {
	position:relative;	
	text-align:left;	
	height:95px;
	background-color:#9ca29a;
}
	#header a img {
		float:left;
		margin-top:4px;	
		margin-left:5px;
		border:none;
	}
	#header ul {
		position:absolute;
		z-index:50;
		right:4px;
		top:50px;
		_top:48px;
		margin:0;
		padding:0;
		list-style:none;
	}
	#header li {
		display:inline;
		margin:0;
		padding:0;	
	}
	#header li.last {border:none}
	#header li a {
		float:left;
		margin:0 1px 0 0;
		padding:0 0 0 12px;
		color:#FFFFFF;
		text-decoration:none;
		font-size:1.1em;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
	}
	#header li a span {
		float:left;
		height:13px;
		padding:14px 12px 14px 0;
		cursor:pointer;
	}	
	
	
	#header .nav_home a {}
	#header .nav_home a span {}
	#header .nav_products a {}
	#header .nav_products a span {}
	#header .nav_dealer a {}
	#header .nav_dealer a span {}
	#header .nav_service a {} 
	#header .nav_service a span {} 
	#header .nav_about a {}
	#header .nav_about a span {}
	#header .nav_contact a {}
	#header .nav_contact a span {}
	
	#header li a:hover, #header .on a {background:url(../images/nav/onstate.png) no-repeat center bottom;}
	/*#header li a:hover span, #header .on a span {background:url(../images/nav/on_right.png) no-repeat right bottom;}*/
	#header li a:hover, #header .on a {
		color:#726e61;
	}
	
	
	/* must put subnav items in reverse order because links are floated right */
	/*** MODIFIED by Zach (zachalig@gmail.com) to allow for hover/on states 9/2/2010 ***/
	#subnav {display:none;}
	#subnav.on {display:block;height:25px;background:#FFFFFF;}
	
	#header li ul {
		display:none;
		width:990px;
	}
	#header li.on ul {
		display:inline;
		position:absolute;
		z-index:100;
		right:-4px;
		top:40px;
		background:#FFFFFF;
	}
	#header li.on ul li a {
		float:right;
		display:block;
		margin:0 11px;
		padding:0 9px 0 9px;
		color:#7D9483;
		text-decoration:none;
		font-size:.90em;
		background:url(../images/nav/arrow_subnav.png) no-repeat left 11px;
		line-height:30px;
	}
	
	#header li.on ul li a:hover, #header li.on ul li a.on{background:url(../images/nav/arrow_subnav-down.png) no-repeat left 13px #D5D1C6;}
	
	#header:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	#header {zoom:1;}
	
	
	#subheader {
		float:left;
		position:absolute;
		top:5px;
		right:6px;		
	}
	#subheader ul {
		position:relative;
		top:0;
		left:0;
		margin:15px 22px 0 0;
		float:left;
	} 
	#subheader li {
		padding:0 18px 0 16px;
		border-right:1px solid #A09991;
	}
	#subheader li a {
		float:none;
		display:inline;
		margin:0;
		padding:0;
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	#subheader li a:hover {
		color:#726e61;
		text-decoration:none;
		background:none;
	}
	#subheader form {
		float:left;
		padding-left:19px;
		
	}
	#subheader fieldset {
		float:left;
		padding:9px 0 8px;
	}
	#subheader fieldset input {
		float:left;
		width:178px;		
	}
	#subheader fieldset input.search {
		width:auto;
		border:none;
		margin:0 0 0 10px;
		padding:0;
		height:27px;
	}

/* ---- main content area styles ---- */
#content {
	background-color:#e1e2d1;
	margin-top:25px;
}
	#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	#content {zoom:1;}


.flash {
	width:38	0px;
	float:left;

}

/* ---- anchor styles ---- */
#anchor {
	position:relative;
	padding-top:10px;
	background:url(../images/featuredbox.png) repeat-y;
	
}
#anchor.loggedin .productbox{
	width:275px;
}
#anchor.loggedin{width:970px; padding-left:20px;}
	#anchor_top, #anchor_bottom {
		position:absolute;
		width:100%;
		z-index:100;
		left:0;
	}
	#anchor_top {top:0;height:35px;background:url(../images/featuredbox_top.png) no-repeat;}
	#anchor_bottom {bottom:0;height:57px;background:url(../images/featuredbox_bottom.png) no-repeat;}
	#anchor:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	#anchor {zoom:1}
	
	#anchor h2, #anchor .column {
		position:relative;
		z-index:110;
		color:#663300;
	}
	#anchor h2 {
		margin-left:20px;
	}
	#anchor dl.listing a {
		color:#584123;
	}
	
	
/* ---- footer styles ---- */
#footer {
	text-align:center;
	padding:16px 0 0;
	color:#515151;
}
	#footer ul {		
		margin:0 0 13px;
		padding:0;
		list-style:none;
	}
	#footer li {
		display:inline;
		margin:0;
		padding:0 19px 0 15px;
		border-right:1px solid #FFFFFF;
	}
	#footer .small li {
		padding:0 10px;
	}
	#footer li.last {
		border-right:none;
	}
	#footer li a {	
		text-decoration:underline;
		color:#515151;
	}
	#footer li a:hover {	
		text-decoration:none;
	}
	#footer p {
		margin:4px 0 10px;
	}
	#footer p img {
		float:none;		
	}
	#footer:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	#footer {zoom:1;}


.columnright {width:610px;float:left;position:relative;margin:0;padding:0;}
.columnright h2, .columnright h3 {display:none;}	
.catalog {		
		background:url(../images/callout_catalog_bg.png) left top no-repeat;
		height:250px;
		width:324px;
		border-right:1px solid #fff;
		background-color:#d5d1c6;
}
.widthCatalog {width:285px;border:1px solid #fff;}
.boxesright {
	float:left;
	width:284px;
	margin:0px;
}
.lightingideas {
	width:284px;
	height:116px;
	background:url(../images/lightingideas_bg.png) left center no-repeat;
	background-color:#d5d1c6;
}
.lightingideas img {
	margin-left:121px;
	margin-top:6px;
	border:1px solid #fff;
}
.finddealer {
	width:284px;
	height:65px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
	background:url(../images/findadealer_bg.png) left top no-repeat #d5d1c6;
}
.finddealerProducts {
	border:1px solid #fff;
	width:288px;
	margin-top:5px;
}

.callout {
	position:relative;
	margin:0;
	padding:0;
	margin-top:3px;
}
.callout h2, .callout h3 {display:none;}	
.callout.catalog {		
	height:250px;
	background:url(../images/callout_catalog_bg.png) no-repeat;
}
.callout.catalog form, .callout.catalog a img {		
	position:absolute;
	left:10px;
}
.callout.catalog form {
	top:144px;
}
.callout.catalog a img {		
	top:200px;
}
.callout.catalog select {
	width:258px;
}

.catalog form, {	
	left:10px;
}
.catalog form {
	top:144px;
	position:absolute;

}
.catalog a img {		
	top:200px;
	left:12px;
	position:absolute;
}
.catalog select {
	width:305px;
	margin-left:10px;
}
	
.finddealer_long {		
		height:25px;
		background:url(../images/findadealer_bg.png) left top no-repeat #d5d1c6;
		padding-top:40px;
		margin-bottom:25px;
		border:1px solid #fff;
}	

.finddealer_long img {
	margin-left:15px;	

}

.finddealer form, .finddealer_long form {
		position:absolute;	
		left:14px;
		top:36px;
}
.finddealer input, .finddealer_long input {
		float:left;
		width:108px;
}
.search {
		height:22px;
		border:none;
		margin:0 0 0 10px;
		padding:0;
}
.request {
	width:176px;
	background-color:#d5d1c6;
	height:67px;
	border-right:1px solid #fff;
}

/*Added by Zach (zachalig@gmail.com) 9/2/2010 to create roll-overs*/
.request a {display:block; width:170px; height:61px; background: url(../images/callout_requestcatalog.png) no-repeat left top; border:1px solid #fff; margin: 2px 0 0 2px;}
.request a:hover{background-position: 0 -62px;}
.request a span{display: none;}

.faqs a {display:block; width:101px; height:61px; background: url(../images/callout_faqs.png) no-repeat left top; border:1px solid #fff; margin: 2px 0 0 2px;}
.faqs a:hover{background-position: 0 -61px;}
.faqs a span{display: none;}
/*end added section*/ 

.faqs {
	width:107px;
	background-color:#d5d1c6;
	height:67px;
}
.request img {
	border:1px solid #fff;
	margin:2px;
}
.faqs img {
	border:1px solid #fff;
	margin:2px;
}

p.listing {
	float:right;
	margin:0;
}
p.listing a {
	float:none;
	display:block;
	margin-bottom:10px;
	color:#584123;
	font-weight:bold;
	font-size:1.2em;
}
p.listing span {
	float:none;
	display:block;
	color:#669999;
}




.productscontainer {
	width:571px;
	height:328px;
	border-top:1px solid #fff;
	padding:30px 0px 0px 38px;
	background:url(../images/products_bg.png) left top no-repeat #9CA29A;
}

.productbox {
	width:150px;
	height:300px;
	float:left;
	margin:0 40px 0 0;
}
.productbox img {border:1px solid #fff;}

/* 
	NO-WRAP LIST
	Using the 'dl' element with the class 'listing' creates a list with an image floated to the
	left and text that will not wrap below the image and floated to the right
*/
dl.listing {
	margin:0;
	padding:0;
	border:none;
}
dl.listing a {
	float:none;
	display:block;
	margin-bottom:10px;
	font-size:1.2em;
}
dl.listing dt img {
	float:left;
	margin:0 1.5em 1.5em 0;
}
dl.listing dt a {
	color:#083036;
}
dl.listing dd {
	float:left;
	margin:0;
	padding:0 0 1.5em;
}
dl.listing dd p {
	margin:1.5em 0;
}
dl.listing dd span {
	float:none;
	display:block;
	
}

dl.listing.v2 dd {
	border-bottom:1px solid #E9E7DB;
	padding:0 0 30px;
	margin-bottom:40px;
}


ul.listing {
	margin:10px 0px 0px 0px;padding:0;list-style:none;
}
ul.listing li {
	/*margin:0 0 30px;*/padding:0 0 30px;border-bottom:1px solid #E9E7DB;
	list-style-image:none;
}
ul.listing li a {
	font-size:1.5em;
	font-weight:bold;
	color:#584123;
}
ul.listing li p a {
	color:#384141;
	font-size:1em;
	font-weight:normal;
}
ul.listing img {
	float:left;	
	margin-right:30px;
}

.listing li.last {border-bottom:none;}

dl.inline {

}
dl.inline dt, dl.inline dd {
	float:left;margin:0;padding:0;
}
dl.inline dt {font-weight:normal;clear:both;color:#669999;width:70px;}
dl.inline dd:before {content:":";color:#669999;}
dl.inline dd span {color:#663300;}
dl.inline:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
dl.inline {zoom:1;}


.table_list {margin:0;list-style:none;}
.table_list li {margin:0;display:inline;float:left;}
.table_list a, .table_list li a, .table_list a:hover {color:#584123;}
.table_list li a:hover {color:#669999;text-decoration:none;}
.table_list table {margin:0;padding:0;}
.table_list table a {text-decoration:underline;}
.table_list table a:hover {text-decoration:none;}
.table_list table td {padding:2px 2px 2px 0;}
.table_list table td:before {content:":";color:#669999;margin-right:3px;}
.table_list table td.label {color:#669999;vertical-align:top;}
.table_list table td.label:before {display:none;}
.right {float:right;text-align:right;}


.highlight, a.highlight {color:#384141;}

.clear {clear:both;}

hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}



#subpage h1 {	
	color:#4e4e4e;
	font-size:18px;
	font-weight:bold;
}
#subpage h2 {	
	color:#726E61;
	/*font-size:1.5em;*/
	font-weight:bold;
}
#subpage h3 {
	color:#656C63;
	font-size:1.5em;
	margin:0 0 .25em;
}
#subpage h4 {
	color:#584123;
	font-weight:bold;
	font-size:1em;
	margin:0;
}
#subpage h5 {
	color:#BD9971;
	font-weight:bold;
	font-size:1em;
	margin:0;
}
#subpage h1.highlight, #subpage h2.highlight, #subpage h3.highlight, #subpage h4.highlight {
	color:#404040;
}
#subpage p, #subpage li {
	color:#4E4E4E;
}


.heading {
	margin:0 0 24px;
	padding:.25em 0;
	border-bottom:1px solid #E9E7DB;
}
.heading.noborder {border-bottom:none;margin:0;}
.heading:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.heading {zoom:1;}

.breadcrumbs {float:right;text-align:right;margin:0;list-style:none;font-size:10px;}
.breadcrumbs li {margin:0;padding:0;display:inline;line-height:39px;vertical-align:middle;}
.breadcrumbs li a {color:#726E61;}
.breadcrumbs li span {color:#000;}

.product_breadcrumbs {float:left;text-align:left;margin:0;list-style:none;font-size:10px;}
.product_breadcrumbs li {margin:0;padding:0;display:inline;line-height:30px;vertical-align:middle;}
.product_breadcrumbs li img {margin:0 3px;}
.product_breadcrumbs li a {color:#584123;}
.product_breadcrumbs li a:hover {text-decoration:none;}
.product_breadcrumbs li span {color:#709DAA;}

/* KNOWLEDGEBASE STYLES */

form.knowledgebase {margin:0px 0px 10px;padding:0px 0px 10px;border-bottom:1px solid #c8b397;} 
form.knowledgebase fieldset {border:none;padding:0px;margin:0px;} 
form.knowledgebase input.text {width:149px;color:#666;float:left;}
form.knowledgebase input.submit {background:url(../images/blue-btn-bg.gif) repeat;cursor:pointer;color:#fff;font-weight:bold;margin-left:2px;float:left;border:none;}
/****************/

.box_border {border:1px solid #E9E7DB;background:#d5d1c6;display:inline-block;}
.box_border_inner {margin:2px;background:url(../images/pagination.png) repeat-x left top #E0DDCC;vertical-align:middle;line-height:30px;padding-bottom:3px;}
*html .box_border {height:1%;}
.box_border.v2 {border:1px solid #D0CBC5;margin-bottom:40px;}
.box_border.v2 .box_border_inner {background:#F9F8F3;}
.box_border:after, .box_border_inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.box_border, .box_border_inner {zoom:1;}
.box_border_inner input, .box_border_inner textarea {border:1px solid #CDCDCD;background:url(../images/bg_formfield.png) repeat-x left top #FFFFFF;}
.box_border_inner textarea {height:200px;}


p.button {margin:0;display:inline;}
p.button a {margin:0 6px;float:left;background:url(../images/temp/button_left.png) no-repeat left bottom;margin-top:6px;padding-left:12px;cursor:pointer;}
.box_border_inner .button a {margin:6px 6px 0pt 6px;float:left;background:url(../images/temp/button_left_pagination.png) no-repeat left bottom;margin-top:6px;padding-left:12px;}
p.button.addtocart a, .pagination .button.addtocart a {background:url(../images/button_left_addtocart.png) no-repeat left bottom;padding-left:33px;}
p.button a span {float:left;background:url(../images/temp/button_right.png) no-repeat right bottom;padding:2px 12px 5px 0;color:#FFFFFF;font-size:.90em;cursor:pointer;}
.box_border_inner .button a span {float:left;background:url(../images/temp/button_right_pagination.png) no-repeat right bottom;padding:2px 12px 5px 0;color:#FFFFFF;font-size:.90em;}
p.button a:hover, p.button a:hover span {color:#584123;text-decoration:none;}
.pagination form {display:inline;float:left;padding:0 0;margin-top:3px;}


table.type1 {background:#FFFFFF;}
table.type1 th {padding:5px 15px;color:#669999;font-size:.90em;background:#FFFFFF;border-top:1px solid #e9e7db;font-weight:normal;}
table.type1 td {padding:5px 15px 0px;border-bottom:2px solid #FFFFFF;margin-bottom:2px;}
table.type1 td a {text-decoration:underline;}
table.type1 td a:hover {text-decoration:none;}
table.type1 tr.even {background-color:#F7F6EF;} 




#overlay {position:fixed;z-index:1000;left:0;top:0;background:#000000;width:100%;height:100%;
opacity: 0.25; /* Safari, Opera */
-moz-opacity:0.25; /* FireFox */
filter: alpha(opacity=25); /* IE */
}

.lightbox {position:absolute;z-index:10000;left:11.5%;top:10%;border:1px solid #A9AB7B;background:#FFFFFF;}
.lightbox .lb_inner {margin:2px;padding:27px;border:2px solid #E4E5CF;background:url(../images/lighbox.png) repeat-x left bottom #FFFFFF}
.lightbox input, .lightbox textarea {border:1px solid #CDCDCD;background:url(../images/bg_formfield.png) repeat-x left top #FFFFFF;}
.lightbox input[type="radio"], input[type="checkbox"] {border:none;background:none;margin:0px;padding:0px;}

.arrow_list {margin:0 0 1.5em;padding:0;list-style:none;}
.arrow_list li {margin:0;padding-left:15px;list-style:none;background:url(../images/arrow_list.png) no-repeat 0 4px;}
.arrow_list li a {margin:0;padding:0;color:#7D9483;}



#product_nav {float:left;padding:0;margin-bottom:6px;}
#product_nav .box_border_inner {margin:1px;line-height:24px;}
#product_nav a {float:left;display:block;color:#584123;border:1px solid #FFFFFF;padding:0 0 0 18px;background:url(../images/pagination.png) repeat-x left bottom;margin:3px 1px 0px 1px;}
#product_nav a:hover {text-decoration:none;}
#product_nav img {margin:0 3px 0 11px;}


	


#sticky {position:absolute;z-index:1000;right:6px;top:2px;}
.sticky_open {display:none;position:absolute;z-index:1001;right:0;top:0;}
.sticky_horz {margin:0;background:url(../images/sticky_bg_horz.png) repeat-y left top;}
.sticky_vert {margin:0 0 0 9px;padding:30px 20px 51px 21px;width:230px;background:url(../images/sticky_bg_vert.png) repeat-x right bottom #F8E356;font-size:1.2em;}
.sticky_bottom {height:9px;background:url(../images/sticky_bottom.png) repeat-x left bottom}
.sticky_open h3 {color:#584123;font-weight:bold;margin-bottom:.25em;}



.form_fold {position:relative;}
.form_fold p {line-height:1;margin-bottom:10px;color:#666666;}
.form_fold p.break {margin-top:30px;}
.form_fold .fold {position:absolute;top:-5px;left:-4px;background:url(../images/box_border_fold.png) no-repeat;width:67px;height:65px;display:none;}
.form_fold fieldset {padding:18px 22px 0 22px;}
.form_fold fieldset input, .form_fold fieldset textarea {border:1px solid #CDCDCD;background:url(../images/bg_formfield.png) repeat-x left top #FFFFFF;}
.form_fold fieldset input[type=radio], fieldset input[type=submit], fieldset input[type=image] {border:none;background:none;}
.form_fold .form_heading {margin-right:20px;padding:17px 25px 25px;border-bottom:1px solid #E9E5DD;}
.form_fold .form_heading .garamond_pro_h3 {color:#BD9971;float:right;}
.form_fold .form_heading .garamond_pro_h3:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.form_fold .form_heading .garamond_pro_h3 {zoom:1;}


/* new buttons */
input.productsearch {display:block;height:27px;width:82px;cursor:pointer;background:url(../images/headerinfo_search.png) no-repeat transparent;border:medium none;}

.brown, .brown p{color:#663300}

.underline {font-size:24px;border-bottom:1px solid #CFCBC5;padding-bottom:10px;margin-bottom:20px;}
.zip {height:17px;padding:2px 9px 0px 4px}
.pagination-fix {height:28px;}

a.americanlighting {display:block;background:url(../images/logo_ala.png) no-repeat;width:270px;height:61px;margin:auto;}

a.americanlighting span, a.americanlightingHM span {display:none;}

.dealor-range {float:left;margin-left:5px;width:130px;border:1px solid #A09991;color:#A19A92}

a.btn_viewnewproducts {display:block;background:url(../images/btn_viewnewproducts.png) left top no-repeat;width:237px;height:55px;}
a.btn_viewnewproducts:hover {background-position:left bottom;}

a.btn_browseallproducts {display:block;background:url(../images/btn_browseallproducts.png) left top no-repeat;width:237px;height:55px;}
a.btn_browseallproducts:hover {background-position:left bottom;}

a.requestlong {display:block;background:url(../images/callout_requestcatalog_long.jpg) left top no-repeat;width:290px;height:61px;border:1px solid #726E61;}
a.requestlong:hover {background-position:left bottom;}

.marginL {margin-left:10px;} 
/*New J House SEO logo */
.jhouse-logo {position: relative; left: 320px; top: 0px; float: left; display: block; width: 16px; height: 16px; background: url(../images/logo_jhousemedia16px.png) no-repeat 0 0; margin: 0 auto;}
.jhouse span{display: none;}