@import url("master_styles.css");

h1 { margin: 0 0 3px 0; padding: 0; color: #f16029; font-size: 17px; font-weight: bold; }

h2 { margin: 0; padding: 0 0 3px 0; color: #666; font-size: 14px; font-weight: bold; }

h3 { margin-top: 10px; }

#modernlighting_banner { text-align:center; }

/* -- Grey Bar  -------------------------------------------------------- */	

.bar { width: 750px; margin: 5px 0; }

.greynavbar { float: left; width: 730px; padding: 5px 10px; line-height: normal; background: #f5f5f5; }

.prod_results { float: left; }

.show_number { float: right; }

#demo-element-slide {
	padding: 0;
	text-align: center;
	background: #f5f5f5;
	width: 750px;
	clear: both;
	height: 140px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 730px;
}
	
html>body #demo-element-slide { width: 750px; }		

/* -- Grey Bar - End  -------------------------------------------------------- */	

#narrow_by { width: 750px; clear: both; padding-top: 10px; }

/* -- Narrow By Form --*/

#narrow_by form { margin: 0; padding: 0; }

#narrow_by fieldset { float: left; width: 220px; margin-left: 10px; padding: 0; border: none; }

#narrow_by legend { margin-left: 10px; padding: 0; color: #000; font-weight: bold; }

#narrow_by fieldset ol { margin: 0; padding: 0; list-style: none; text-align: left; }

#narrow_by fieldset li {  
	margin: 0;  
	padding: 0;
	color: #333;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
}

#narrow_by fieldset li.checks {  
	text-align: left;
	margin: 0;  
	padding: 0; 
	padding-bottom: 5px;
	color: #333;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
}

#narrow_by input { padding: 1px; color: #333; font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; }

#narrow_by select { width: 160px; color: #333; font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; }

#narrow_by li.checks input { text-align: left; font-weight: normal; }

#narrow_by label { float: left; width: 90px; margin-right: 10px; text-align: right; }

#narrow_by fieldset p { margin: 5px; color: #666; text-align: center; font-family: verdana; font-size: 10px; }

#narrow_by fieldset p strong { font-family: verdana; font-size: 11px; color: #333; font-weight: bold; }

#narrow_by .checkbox_label { padding-bottom: 5px; color: #666; font-family: verdana; font-size: 11px; font-weight: normal; }

/* -- Grey Bar - End  -------------------------------------------------------- */	

/* --Prod-results / Pagination Bar -----------------------------------------------------*/

#pagination_bar_top { clear: both; height: 20px; width: 750px; border-bottom: 1px solid #dadada; margin-bottom: 15px; padding: 5px 0;
} 

#pagination_bar_bottom { clear: both; height: 20px; width: 750px; /*border-top: 1px solid #dadada;*/ margin-top: 10px; padding: 0 0 5px;
}

.innerbox1 { float: left; width: 450px; padding: 7px 0 0 0; }

.innerbox2 { float: right; width: 300px; padding: 3px 0; }

#pagination_bar_top.sort_by, #pagination_bar_bottom.sort_by { float: left; padding: 3px; font-size: 11px; color: #666; }

#pagination_bar_top.pagination, #pagination_bar_bottom.pagination { float: right; padding: 3px; }

.prod_results, .sort_by { float: left; }

.show_number { float: right; }

.sort_by, .show_number { color: #5674b9; font-weight: bold;	}

.sort_by ol {margin: 5px 0 5px 0; padding: 0; }

.sort_by li { display: inline; clear: both; }

.sort_by a, .show_number a { color: #5674b9; font-weight: normal; }

.sort_by a:link, .show_number a:link { color: #5674b9; font-weight: normal; }

.sort_by a:visited, .show_number a:visited { color: #5674b9; font-weight: normal; }

.sort_by a:hover, .show_number a:hover { color: #f15b26; font-weight: normal; }

.sort_by span.current, .show_number span.current { color: #f15b26; font-weight: bold; }
	
.sort_by strong { font-weight: bold; color: #333; }		

.pagination ul { float: right; margin: 0; padding: 0; text-align: right; font-size: 11px; }

.pagination li { list-style-type: none; display: inline; }

.pagination a:link, .pagination a:visited { padding: 2px 5px; border: 1px solid #fff; color: #5674b9; text-decoration: none; }

.pagination a, .pagination a:hover, .pagination a:active { border: 1px solid #dadada; color: #5674b9; background-color: #fff; }

.pagination span.currentpage { background: #e6f2d7; font-weight: bold; color: #f15b26; border: 1px solid #e6f2d7; }

.pagination a.prevnext { font-weight: bold; }

/* --Prod-results / Pagination Bar - End -----------------------------------------------------*/

.prod_rows { width: 750px; }

DIV.catpg_product {
	float: left;
	width: 166px;
	height: 265px;
	margin-bottom: 20px;
	padding: 5px 10px 10px 10px;
	text-align: center;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}	

.catpg_prod_img { text-align:center; width:100%; height:150px; /*line-height:150px;*/ /*font-size:150px;*/ /*background:#FFFF66;*/ margin-bottom:20px;}
.catpg_prod_img img { vertical-align:middle; }
.catpg_prod_img a { display:block; /*line-height:150px;*/ /*font-size:150px;*/}
* html body .catpg_prod_img a { /*width:100%; height:100%;*/}
/* *>.catpg_prod_img {font-size:12px;} */

.catpg_prod_img img {}
		
.catpg_product img  { border: 0; margin: 0; }

.catpg_product p { line-height: 1.1em; text-align: center; margin: 2px 0 5px 0; }		

.catpg_product_title { font-family: verdana; font-size: 11px; color: #333; }

a:link.catpg_product_title , a:visited.catpg_product_title { font-family: verdana; font-size: 11px; color: #333; text-decoration: none; }

a:hover.catpg_product_title , a:active.catpg_product_title { font-family: verdana; font-size: 11px; color: #666; text-decoration: underline; }

.catpg_product_listprice { font-family: verdana; font-size: 10px; color: #666; line-height: 20px; }	

.catpg_product_price { color: #008000; font-family: verdana; font-size: 13px; font-weight: bold; line-height: 15px; }		
	
#go_to_subcat { padding: 20px 10px 5px 10px; float: left; width: 730px; }
	
#pg_numbers_top, #pg_numbers_bottom { clear: both; float: right; }

.mydiv { clear: both; width: 600px; background: #f5f5f5; padding: 10px; }

#cat_promo { margin-top: 5px; width: 745px; /*height: 195px;*/ }

#cat_promo_1 { float: left; width: 495px; height: 195px; margin-right: 5px; }

#cat_promo_2 { float: right; width: 245px; height: 95px; margin-bottom: 5px; }

#cat_promo_3 { float: right; width: 245px; height: 95px; }

.greycatbar {
	margin: 10px 0 10px 0;
	padding: 5px 10px 2px 10px; 
	float: right;
	width: 730px;
	line-height: normal;
	background: #f5f5f5;
	border: 1px solid #dadada;
}

.greycatbar h3 { width: 300px; float: left; margin: 0px; }

.greycatbar h3 a { color: #f16029; }

.greycatbar h3 a:link, .greycatbar h3 a:visited { color: #f16029; text-decoration: none; }

.greycatbar H3 a:hover, .greycatbar h3 a:active { color: #f16029; text-decoration: none; border-bottom: 1px solid #dadada; }

/* ------------------------ Show/Hide Finder ---------------------------- */

.finder, .finder a { 
	float: right;
	margin-bottom: 5px; 
	color: #5674b9; 
	font-size: 11px; 
	font-weight: bold; 
	cursor: pointer; 
}

/* ------------------------ Show/Hide Finder ---------------------------- */

/* -- Bulbs Page -----------------------------------------------------*/

#bulbs_finder_top {
	clear: both;
	width: 770px; 
	height: auto; 
	min-height: 300px; 
	margin-top: 10px; 
	padding-top: 10px; 
	background: #fff url(../image/bulbs_finder_box_top.gif) top center no-repeat; 
}

#rec_lamp_source_top {
	clear: both;
	width: 770px; 
	height: 25px;
	margin-top: 10px;
	padding-top: 10px; 
	background: #fff url(../image/recessed_finder_box_top.gif) top center no-repeat; 
}

#rec_lamp_source {
	clear: both;
	width:770px;
	background: #fff url(../image/box_bg.gif) repeat-y; 
}

#bulbs_finder_btm { clear: both; width: 770px; height: 20px; background: url(../image/bulbs_finder_box_btm.gif) bottom center no-repeat; }
#rec_lamp_source_btm { clear: both; width: 770px; height: 20px; background: url(../image/finder_box_btm.gif) bottom center no-repeat; }

.bulbs_top_prod_row { padding: 20px 10px; }

.bulbs_finder_links { margin-left: 110px; }

div.bulbs_finder_links a {
	width: 110px;
	height: 14px; 
	padding: 5px 30px;
	color: #5674b9;
	font-size: 11px;
	font-weight: bold;
}

div.bulbs_finder_links a:link, div.bulbs_finder_links a:visited {
	width: 110px;
	height: 14px;
	padding: 5px 30px;
	color: #5674b9;
	font-size: 11px;
	font-weight: bold;
}

div.bulbs_finder_links a:hover, div.bulbs_finder_links a:active {
	width: 124px;
	height: 20px;
	background: url(../image/finder_link_hover.gif) no-repeat center;
	color: #5674b9;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

div.bulbs_finder_links .selected {
	width: 124px;
	height: 20px;
	background: url(../image/finder_link_hover.gif) no-repeat center;
	color: #f15b26;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.bulbs_shape_base_row { padding: 15px 30px; }

.bulbs_shape_base_row h2 { margin-bottom: 5px; }

.bulbs_shape_base_nav { 
/*	width: 710px; */
	margin: 5px 10px 0 5px; 
	padding: 5px; 
	color: #666;
	text-decoration: none;
}

.bulbs_shape_base_nav ul { width: 710px; height: 18px; margin: 0; padding: 0; }

.bulbs_shape_base_nav ul li {
	display: inline; 
	list-style-type: none; 
	float: left; 
	margin: 0;
	padding: 0 10px 10px; 
	text-align: center; 
}

.bulbs_shape_base_nav ul li a { color: #666; font-weight: normal; text-decoration: none; }

.bulbs_shape_base_nav ul li a:link, .bulbs_shape_base_nav ul li a:visited { color: #666; font-weight: normal; border-bottom: 1px solid #ccc; text-decoration: none; }

.bulbs_shape_base_nav ul li a:hover, .bulbs_shape_base_nav ul li a:active { color: #333; font-weight: normal; border-bottom: 1px solid #333; text-decoration: none; }

.bulbs_shape_base_nav ul li a.selected { color: #c00; font-weight: bold; border-bottom: 1px solid #fff; text-decoration: none; }

.bulbs_shape_base_container { 
	width: 691px; 
	min-height: 50px;
	height: 150px;
	overflow: auto;
	border: 1px solid #ccc;
}



ul.bulbs_shape_base_navlist {margin: 0; padding: 0; width: 5300px; }


.bulbs_shape_base_navlist li { 
	clear: right; 
	list-style-type: none; 
	float: left; 
	margin: 0 10px 0 15px; 
	padding: 0; 
	text-align: center; 
}

.bulbs_shape_base_navlist li img { margin: 0; width: 105px; height: 105px; }

.bulbs_shape_base_navlist li a .bulbs_by_shape_name { 
	width: 100px; 
	height: 19px; 
	margin: 2px 0 0 5px; 
	padding: 2px 0 0 0;
	background: url(../image/bulbs_by_shape_name.png) no-repeat center; 
	font-weight: bold;
}

.bulbs_shape_base_navlist li .no_bulbs { margin: 15px 0; padding: 0; text-align: center; }

.bulbs_shape_base_navlist a:link, .bulbs_shape_base_navlist a:visited { color: #666; text-decoration: none; }

.bulbs_shape_base_navlist a:hover { color: #333; text-decoration: none; cursor: pointer; }

DIV.bulbs_column { float: left; width: 230px; margin-bottom: 10px; padding: 5px 0 0 0; }	

.bulbs_column h2 { 
	background: url(../image/bulbs_by_type_header.png) no-repeat top left; 
	width: 170px; 
	height: 19px; 
	padding-left: 10px;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

h2.type_green { 
	background: url(../image/bulbs_by_type_header_green.png) no-repeat top left; 
	width: 170px; 
	height: 19px; 
	padding-left: 10px;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

#green { background: url(../image/bulbs_type_cfl_icon.jpg) no-repeat top left; width: 230px; min-height: 60px; padding: 0 0 0 60px; }

.bulb_types { 
	width: 165px; 
	margin: 0; 
	padding: 0; 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 11px; 
}

UL.bulb_types { margin: 0 0 5px 20px; width: 145px; list-style-image: url(../image/bulbs_arrow.gif); }

.bulb_types li a {
	height: 10px; 
	border-bottom: 1px solid #dadada; 
	voice-family: "\"}\""; 	
	voice-family: inherit; 
	height: 10px;
	font-weight: normal;
	text-decoration: none;
}

.bulb_types li a:link, .bulb_types li a:visited { display: block; padding: 3px 0 3px 5px; color: #333; text-decoration: none; }

.bulb_types li a:hover { background: #fafafa; padding: 3px 0 3px 5px; color: #f15b26; text-decoration: none; }

#bulbs_finder_closed {
	clear: both;
	margin-top: 10px; 
	text-align: right; 
}

/* -- Bulbs Page - End ------------------------------------------------*/

/* -- Recessed Page -----------------------------------------------------*/

#recessed_finder_top {
	clear: both;
	width: 770px;
	height:25px;
	padding-top:10px;
	overflow: auto;
	background: #fff url(../image/recessed_finder_box_top.gif) top center no-repeat; 
}

#recessed_finder {
	clear: both;
	width: 770px; 
	height: auto;
	overflow: auto;
	padding-top: 10px;
	background: #fff url(../image/box_bg.gif) repeat-y;
}

#recessed_finder_btm { clear: both; width: 770px; height: 20px; background: url(../image/finder_box_btm.gif) bottom center no-repeat; }

.recessed_finder_links { margin-left: 90px; }

div.recessed_finder_links a {
	width: 110px;
	height: 14px; 
	padding: 5px 30px;
	color: #5674b9;
	font-size: 11px;
	font-weight: bold;
}

div.recessed_finder_links a:link, div.recessed_finder_links a:visited {
	width: 110px;
	height: 14px;
	color: #5674b9;
	font-size: 11px;
	font-weight: bold;
}

div.recessed_finder_links a:hover, div.recessed_finder_links a:active {
	width: 124px;
	height: 20px;
	background: url(../image/finder_link_hover.gif) no-repeat center;
	color: #5674b9;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

div.recessed_finder_links .selected {
	width: 124px;
	height: 20px;
	background: url(../image/finder_link_hover.gif) no-repeat center;
	color: #f15b26;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#recessed_wizard { padding: 5px 20px; }

#recessed_wizard p { line-height: normal; }

.recessed_option { 
	float: left; 
	width: 220px; 
	height: 235px; 
	margin: 0; 
	padding: 0 2px; 
	color: #999; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
}

.recessed_option p { margin: 5px 0 15px; padding: 0 5px; min-height: 55px; height: auto; overflow: auto; }

a.recessed_wizard_lamp_type { text-decoration: underline; }

.recessed_option form { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; margin: 5px 0; padding: 5px 0; text-align: center; }

.recessed_option_label { color: #5674b9; font-weight: bold; margin-bottom: 10px; }

.recessed_wizard_text { margin: 10px 0 0 0; width: 230px; height: 47px; color: #999; text-align: center; }

.recessed_wizard_divider { float: left; width: 20px; height: 185px; } 

.recessed_wizard_action { clear: both; width: 730px; text-align: center; }

.recessed_wizard_view_trim { float: inherit; margin: 0;}

.recessed_wizard_view_trim button { width: 155px; }

.recessed_wizard_view_housing { float: right; margin: 0; padding-right: 135px; }

.recessed_wizard_view_housing button { width: 155px; } 

.recessed_option_divider_second { clear: both; width: 730px; height: 14px; } 

.recessed_option_second { 
	clear: both; 
	width: 730px; 
	height: 75px; 
	margin: 0; 
	padding: 0; 
	color: #666; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
}

.recessed_wizard_text_second { float: left; width: 365px; height: 50px; margin: 2px 0 15px; padding: 0 5px;  }

.recessed_option_second form { float: right; width: 350px; height: 26px; margin: 5px 0; padding: 10px 0 5px; background-color: #f4f4f4; border: 1px solid #dadada; text-align: center; }

.recessed_option_label_second { float: left; width: 220px; padding: 1px 5px 0 0; color: #5674b9; font-weight: bold; text-align: right; }

.recessed_option_second form select { float: left; width: 120px; }

#recessed_by_lamp_source { padding:0 20px; }

.recessed_lamp_source { float: left; width: 230px; height:/*205px*/180px; margin:18px 0; text-align: center; }

.recessed_lamp_image { width: 230px; height: 100px; text-align: center; position: relative; z-index: 1; }

.recessed_lamp_image img { border: none; }

.recessed_lamp_source ul { width: 210px; margin : -2px 0 0 15px; position: relative; z-index: 2; }

.recessed_lamp_source ul li { 
	width: 200px; 
	margin-left: 10px; 
	padding: 2px 0; 
	text-align: left; 
	/*background: url(../image/recessed_list_type_style_lamp.png) no-repeat left; */
}

.recessed_lamp_source ul li a { text-decoration:underline; color:#3388cc;}
.recessed_lamp_source ul li a:hover {color:#000;}
a.recessed_lamp_subcat { /*padding-left:20px;*/ color: #666!important; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration:none!important;}
a.recessed_lamp_subcat:hover { color:#000!important;}

.recessed_lamp_source_li_last { border-bottom: 1px solid #dadada; }

.recessed_lamp_text { margin: 10px 0 0 15px; height: 30px; color: #999; text-align: center; border:0; }

.recessed_lamp_text a { color: #3388cc; text-decoration: underline; }

.recessed_lamp_divider { float: left; width: 10px; height: 205px; } 

#recessed_vendors { 
	clear: both; 
	float: right;
	margin: 30px 0 50px 0; 
	width: 770px; 
	overflow: hidden; 
}

#recessed_vendors h3 {
	margin: 0; 
	padding: 0 0 5px 0; 
	color: #5674b9; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
}

.recessed_vend_main { float: left; width: 375px; margin-right:20px; padding: 0; }

.recessed_vend_main_right { float: left; width: 375px;  margin: 0 0 10px 0; padding: 0; }

.recessed_vend_header { 
	height: 18px;
	margin-bottom: 10px;
	padding: 2px 4px; 
	background: #f5f5f5;
	border: 1px solid #dadada;
	color: #008000; 
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: bold; 
	text-decoration: none; 
}

.recessed_vend_img { float: left; width: 100px;  margin-right: 10px; }

.recessed_vend_img img { border: none; }

.recessed_vend_text { float: left; width: 255px; color: #333; }

.recessed_vend_text ul { margin-top: 5px; }

.recessed_vend_text ul li { /*background: url(../image/recessed_list_type_style.png) left no-repeat;*/ }

a.recessed_vend_subcat { padding-left: 15px; color: #5674b9; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; }

#recessed_vendors_more { 
	clear: both;  
	width: 770px; 
	min-height: 160px; 
	height: auto; 
	margin-top: 20px;
}

.recessed_vend_more { float: left; width: 250px; height: 160px; margin: 20px 0 0 0; padding: 0; }

.recessed_vend_more_header{ 
	height: 18px;
	margin-bottom: 8px;
	padding: 2px 4px; 
	background: #f5f5f5; 
	color: #008000; 
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: bold; 
	text-decoration: none; text-align:center;
}
h4.recessed_vend_more_header a { color: #008000; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; }
h4.recessed_vend_more_header a:hover {text-decoration:underline;}

.recessed_vend_more_divider { float: left; width: 10px; height: 160px; }

.recessed_vend_more_img { width: 250px; height: 40px; padding: 2px 0; text-align: center; }

.recessed_vend_more_img img { border: none; }

.recessed_vend_more_text { clear: both; width: 245px; min-height: 35px; height: auto;}

.recessed_vend_more_text ul { margin-top: 5px; }

.recessed_vend_more_text ul li { /*background: url(../image/recessed_list_type_style.png) left no-repeat;*/ }

a.recessed_vend_more_subcat { padding-left: 12px; color: #5674b9; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; }

/* -- Recessed Page - End ------------------------------------------------*/

#cat_pg_description h1 {margin-bottom:20px;}

#cat_pg_description_bottom {float:left; margin:10px 20px;}


/* ================================================ Monorail Cat Banner ================================================ */
#monorail_wiz_banner { margin:0; padding:0 3px 0 3px; margin-bottom:20px; width:750px; border:1px solid #ccc; background:url(../image/monorail_wiz_banner_bk.jpg) repeat-x #e0edff;}
#monorail_wiz_banner td {margin:0; padding:4px;}
#monorail_wiz_banner img { padding:5px; border:1px solid #ccc; background-color:#fff;}
#monorail_wiz_banner td:hover img { border:1px solid #999;}
#monorail_wiz_banner td div { padding:10px;}
#monorail_wiz_banner #cell2 { font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#monorail_wiz_banner #cell3 { text-align:center;}
#monorail_wiz_banner h1 { color:#5674b9; font-family:Arial, Helvetica, sans-serif;}
#monorail_wiz_banner h2 a { font-family:Arial, Helvetica, sans-serif; font-size:14px;}
/* .monorail_wiz_banner_cell { float:left; width:200px;}*/
/* ================================================ END Monorail Cat Banner ================================================ */



/* ================================================ Monorail Cat Exceptions ================================================ */
#monorail_vendor_filter { margin-bottom:10px;}
#monorail_vendor_filter a { font-size:14px; padding:5px; font-weight:bold;}
#monorail_vendor_filter a.edge { color:#008000; background:#fff;}
#monorail_vendor_filter a.edge:hover { color:#fff; background:#008000;}
#monorail_vendor_filter a.edge_selected { color:#fff; background:#008000;}
#monorail_vendor_filter a.edge_selected:hover { color:#fff; background:#008000;}

#monorail_vendor_filter a:hover { background:#f16029; text-decoration:none; color:#fff; }
#monorail_vendor_filter a.selected { background:#f16029; text-decoration:none; color:#fff; }
/* ================================================ END Monorail Cat Exceptions ================================================ */