@charset "UTF-8";
/* CSS Document 
 * ------------------------------------------------------------------------------
 * Elite Lighting All Sites
 * global layout for navigation
 * location: elitelightingusa/scripts/css/global/navigation.css
 * ------------------------------------------------------------------------------
 **/

/* Search Bar =============================================================================== */
	#search-bar {
		clear: both;
		float: left;
		line-height: 18px;
		background: #ff0000;
		width: 980px;
		border-bottom: 1px solid #fff;
		margin-top: 3px;
	}
	
	#search-bar .block-left {
		float: left;
		width: 200px;
	}
	
	#search-bar .block-left h2,
	#search-bar .block-left h2 a:link,
	#search-bar .block-left h2 a:visited {
		padding: 10px 0px 7px 6px;
		line-height: 1.4em;
		color: #ffffff;
	}
	
	#search-bar .block-middle {
		float: right;
		text-align: right;
		width: 588px;
	}
	#search-bar form#search {
		float: right;
	    height: 28px;
	    margin-top: 3px;
	    width: 282px;
	}
	
	#search-bar .block-right { 
		float: right; 
		width: 188px;
	}

	#search-bar .block-right h2,
	#search-bar .block-right h2 a:link,
	#search-bar .block-right h2 a:visited {
		padding: 10px 0px 7px 6px;
		line-height: 1.4em;
		color: #ffffff;
	}
/* Breadcrumbs =============================================================================== */
	
	.breadcrumbs,
	.breadcrumbs_rq {
		clear: both;
		float: left;
		line-height: 1.5em;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
/*		margin: 0px 4px 3px 0px;*/
		width: 978px;
		padding: 7px 0px 3px 0px;
		margin-top: 5px;
	}
	.breadcrumbs_rq {
		border: none;
		width: 980px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 0px;
		text-align: center;
	}
	.breadcrumbs_rq ul {
		padding-left: 225px;
	}
	.breadcrumbs li,
	.breadcrumbs_rq li {
		float: left;
		color: #555555;
		padding-left: 10px;
		padding-right: 10px;
		border-right: 1px solid #DDD;
	}
	.breadcrumbs li.first,
	.breadcrumbs_rq li.first {
		padding-right: 10px;
		border-right: 1px solid #DDD;
	}
	.breadcrumbs li.last,
	.breadcrumbs_rq li.last {
		border-right: none;
		padding: 0px 15px;
	}

	.breadcrumbs li span,
	.breadcrumbs_rq li span { font-weight: bold; }
	
	/* customize for each site based on identity color */
	.breadcrumbs li.current,
	.breadcrumbs_rq li current {
		color: #FF0000;
	}
	
/* Top Navigation =============================================================================== */
	.topNav { 
		margin: auto;
		position: relative;
		display: block;
		margin: 0px auto;
	}
	.topNav_rq {
		clear: both;
		float: left;
		font-size: 24px;
	}
	.topNav_rq h2 {
		clear: both;
		float: left;
		width: 980px;
		text-align: center;
		color: #999;
		padding: 10px 0px 8px 0px;
	}
	
/* Left & Right Navigation =============================================================================== */
	
	.leftnav,
	.rightNav { 
		float: left;
		width: 175px;
	}
	.leftnav {  padding: 0px 15px 0px 10px; /*border-right: 1px solid #CCC;*/}
	.rightNav { padding: 0px 0px 0px 10px; /*border-left: 1px solid #CCC;*/ }

	.leftnav .block,
	.rightNav .block { 
		padding: 0px 0px 10px 0px;
	}
	.leftnav .block {
		margin-top: 3px;
	}
	.leftnav ul,
	.rightNav ul {
		clear: both;
		margin: 0px;
		font-weight: bold;
		border-bottom: 1px solid #555;
		padding: 3px 0px 2px 0px;
	}

	.leftnav ul.header,
	.rightNav ul.header {
		color: #F00;
	}
	
	.leftnav li,
	.rightNav li {
		clear: both;
		display: block;
		padding: 0px;
		font-weight: normal;
		border-bottom: 1px solid #555;
		font-size: 1em;
		list-style: outside;
	}

	.rightNav li.lv1,
	.leftnav li.lv1 { padding: 2px 0px 2px 8px; }
	.leftnav li.lv2 { padding: 2px 0px 2px 16px; }
	.leftnav li.lv3 { padding: 2px 0px 2px 24px; }
	.leftnav li.lv4 { padding: 2px 0px 2px 32px; }
	.leftnav li.lv5 { padding: 2px 0px 2px 40px; }
	
	/* customize for each site based on identity color 30% */
	.leftnav ul.current,
	.leftnav li.current,
	.rightNav ul.current,
	.rightNav li.current { color: #ff7f7f; }
	
	/* customize for each site and as a link based on identity color 30% */
	.leftnav ul.link a,
	.leftnav li.link a,
	.rightNav ul.link a,
	.rightNav li.link a { color: #ff7f7f;}

/* ======================================================================================= */