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


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


fieldset input {
	border:1px solid #A09991;
	padding:5px 7px 4px;
	/*color:#A19A92; */
	  color: #666;
}



/* ---- 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;
		background:url(../images/accountnav_tabbed_left.png) no-repeat left bottom;
	}
	#account_nav .tabbed ul {		
		padding-right:17px;
		background:url(../images/accountnav_tabbed_right.png) no-repeat right bottom;
	}
	#account_nav .tabbed li {
		margin:0;
		padding:0 11px 0 7px;
		color:#482D0F;
		font-weight:bold;
	}
	#account_nav .tabbed li a {
		color:#482D0F;
		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:url(../images/header.png) no-repeat center top;
}
	#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-weight:bold;
	}
	#header li a span {
		float:left;
		height:13px;
		padding:14px 12px 14px 0;
		cursor:pointer;
	}	
	
	
	#header .nav_home a {background:url(../images/nav/brown_left.png) no-repeat left bottom;}
	#header .nav_home a span {background:url(../images/nav/brown_right.png) no-repeat right bottom;}
	#header .nav_products a {background:url(../images/nav/purple_left.png) no-repeat left bottom;}
	#header .nav_products a span {background:url(../images/nav/purple_right.png) no-repeat right bottom;}
	#header .nav_dealer a {background:url(../images/nav/red_left.png) no-repeat left bottom;}
	#header .nav_dealer a span {background:url(../images/nav/red_right.png) no-repeat right bottom;}
	#header .nav_service a {background:url(../images/nav/blue_left.png) no-repeat left bottom;} 
	#header .nav_service a span {background:url(../images/nav/blue_right.png) no-repeat right bottom;} 
	#header .nav_about a {background:url(../images/nav/green_left.png) no-repeat left bottom;}
	#header .nav_about a span {background:url(../images/nav/green_right.png) no-repeat right bottom;}
	#header .nav_contract a {background:url(../images/nav/creamspinach_left.png) no-repeat left bottom;}
	#header .nav_contract a span {background:url(../images/nav/creamspinach_right.png) no-repeat right bottom;}
	#header .nav_contact a {background:url(../images/nav/olive_left.png) no-repeat left bottom;}
	#header .nav_contact a span {background:url(../images/nav/olive_right.png) no-repeat right bottom;}
	
	#header li a:hover, #header .on a {background:url(../images/nav/on_left.png) no-repeat left 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:#788EB9;
	}
	
	
	/* must put subnav items in reverse order because links are floated right */
	#subnav {display:none;}
	#subnav.on {display:block;height:27px;background:#FFFFFF;}
	
	#header li ul {
		display:none;
		width:990px;
	}
	#header li.on ul {
		display:inline;
		position:absolute;
		z-index:100;
		right:-4px;
		top:41px;
		_top:44px;
		padding:9px 0 7px;
		background:#FFFFFF;
	}
	#header li.on ul li a {
		float:right;
		display:block;
		margin:0 11px;
		padding:0 0 0 9px;
		color:#7D9483;
		text-decoration:none;
		font-size:.90em;
		background:url(../images/nav/arrow_subnav.png) no-repeat left .35em;
	}
	#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:underline;
		color:#584123;
		font-weight:bold;
	}
	#subheader li a:hover {
		color:#584123;
		text-decoration:none;
		background:none;
	}
	#subheader form {
		float:left;
		padding-left:19px;
		border-left:1px solid #A09991;
	}
	#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;
	}

/* ---- main content area styles ---- */
#content {
	background:url(../images/content.png) no-repeat #FFFFFF;
	padding-bottom:5px;
	
}
	#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	#content {zoom:1;}


/* ---- anchor styles ---- */
#anchor {
	position:relative;
	padding-top:10px;
	background:url(../images/featuredbox.png) repeat-y;
	
}
	#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:#FFFFFF;
}
	#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:#FFFFFF;
	}
	#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;}




.callout {
	position:relative;
	margin:0;
	padding:0;
}
	.callout h2, .callout h3 {display:none;}	
	.callout.catalog {		
		height:220px;
		background:url(../images/callout_catalog_bg.png) no-repeat;
	}
	.callout.catalog form, .callout.catalog a img {		
		position:absolute;
		left:10px;
	}
	.callout.catalog form {
		top:127px;
	}
	.callout.catalog a img {		
		top:174px;
	}
	.callout.catalog select {
		width:258px;
	}
	
	
	.callout.finddealer {		
		height:82px;
		background:url(../images/callout_finddealer_bg.png) no-repeat;
	}
	.callout.finddealer_long {		
		height:82px;
		background:url(../images/findadealer_long.gif) no-repeat;
	}
	.callout.finddealer form, .callout.finddealer_long form {
		position:absolute;	
		left:10px;
		top:38px;
	}
	.callout.finddealer input, .callout.finddealer_long input {
		float:left;
		width:108px;
	}
	.callout.finddealer input.search, .callout.finddealer_long input.search {
		width:auto;
		border:none;
		margin:0 0 0 10px;
		padding:0;
	}



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;
}




/* 
	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:#584123;
}
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;
	color:#669999;
}

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:#669999;
	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;width:190px;}
.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:#669999;}

.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:#709DAA;
	font-size:18px;
	font-weight:bold;
}
#subpage h2 {	
	color:#584123;
	/*font-size:1.5em;*/
	font-weight:bold;
}
#subpage h3 {
	color:#584123;
	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:#669999;
}
#subpage p, #subpage li {
	color:#584123;
}


.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:#A58577;}
.breadcrumbs li span {color:#709DAA;}

.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;}


.box_border {border:1px solid #E9E7DB;background:#FFFFFF;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 select {border:1px solid #CDCDCD;width:100%;padding:1px;}
.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;width:600px;}
.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;}


.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;}



#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 20px;background:url(../images/pagination.png) repeat-x left bottom;}
#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;}
.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;}
.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}

.calculator_holder {width:695px;height:376px;padding;0px;margin:0px}

/* 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;}

ul.sidebar li {margin:0px 0px 5px 10px;font-size:14px;}
ul.sidebar li a {color:#584123}


a.blue-button, input#blue-button {background:url(../images/blue-btn-bg.gif) repeat-x top left #508796;!important cursor:pointer;color:#fff;font-weight:bold;margin-left:11px;float:right;border:none;font-size:14px;display:block;width:214px;text-align:center;padding:10px;}
.white-fadebox {border: 1px solid #8A8A92; background:#fff url(../images/bg_productsearch.png) repeat-x left bottom; padding:10px;margin-bottom:10px;}
.smaller {font-size:smaller;}