@charset "utf-8";
/*  CSS */

a,
a:link,
a:visited,
a:hover,
a:active	{color:#252525; outline: none;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font:1.6em Arial, Helvetica, sans-serif;margin:0;padding:0}
h2			{font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:0.63em;}
.sm10		{font-size:0.69em;}

img {behavior: url(inc/pngbehavior.htc);}
#map img {behavior:none !important;}
#map {line-height:15px;}

.red	{color:#BD0B17;}
.pic	{background:#fff;border:1px solid #ccc; padding:3px;margin-right:10px;}

/******   LAYOUT   ******/
* {outline-style: none;}

html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #252525;
	background:#B4E1FF url(../images/bg.jpg) repeat-x;
	}
	
#wrapper	{
	width:1000px;
	height:auto;
	margin: 0 auto;
	padding:0;
	text-align:center;
	background:#fff;
	font: 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
#header	{
	height:101px;
	margin:0;
	background:url(../images/header.jpg) right no-repeat;
	}

#logo	{
	width:312px;
	height:101px;
	float:left; 
	background:url(../images/BriteElectricSupply.jpg) no-repeat;
	}

#topnav	{
	float:right;
	width:280px;
	margin:8px 15px 0 0;
	}

#topnav a	{font: 11px tahoma, Helvetica, sans-serif; color:#1d71a7;}
#topnav .sep	{color:#74b3db;padding: 0 5px;}

#content	{
	width:970px;
	margin:0 auto;
	padding: 0px;
	text-align:left;
	}

#middle	{
	width:970px;
	background:url(../images/FreeDelivery.jpg) no-repeat;
	height:209px;
	}


#news	{
	float:right;
	width:287px;
	margin:65px 20px 0 0;
	height:120px;
	overflow:visible; overflow-y:auto; overflow-x:hidden;
	position:relative;
	}





/******* FOOTER *******/
#footer	{
	height:90px;
	width:930px;
	padding:0 20px;
	font-size:.85em;
	line-height:1.3em;
	background: url(../images/footerbg.jpg) no-repeat;
	text-align:left;
	margin:15px auto 0px auto;
	}

html>/**/body #footer	{width:930px;}

#footer a	{text-decoration:none;}

#footer #credit				 {float:right;width:120px;}
#footer #credit a 	 		 {color:#59a3d3;text-decoration:none;}
#footer #credit a:hover 	 {color:#000;text-decoration:none;}


address	{
	margin: 0px 0 0  0;
	float:left;
	width:220px;
	font-style:normal;
	}

.hours	{margin: 0px 0 0 0px;float:left;}

#rightcol	{
	width:305px;
	height:auto;
	float:right;
	margin: 0 0 15px 10px;
	}
/******* HORIZONTAL NAV MENU  ***********/
#nav 	{
	width:680px;
	height:25px; 
	padding:0;
	float:right;
	margin:42px 0px 0 0;
	}
	
ul#hrznav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 680px; /*For KHTML*/
  list-style: none;
  height: 24px;	}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
	}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}

/* Root Menu */
ul#hrznav a {
  border-right: 1px solid #9a0a14;
  border-left: 1px solid #cf0e1c;
  padding: 7px 7px 6px 7px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #ffffff;
  font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

html>/**/body ul#hrznav a  {padding: 6px 7px 6px 7px;}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: url(../images/navbg.jpg) repeat-x;
  color: #990000;
	}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
	}

/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}





/******* VERTICAL NAV MENU  ***********/
ul#vrtnav,
ul#vrtnav li,
ul#vrtnav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 192px; /*For KHTML*/
  list-style: none;
  float:left;
	}

ul#vrtnav li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
	}

/* Root Menu */
ul#vrtnav a {
  border: 1px solid #d69d24;	
  padding: 0.20em 6px 0.20em 6px;
  display: block;
  background: #eeb949;
  color: #705738;
  font: bold 12px/23px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#vrtnav a:hover,
ul#vrtnav li:hover a,
ul#vrtnav li.iehover a {
  background: #fcd073;
  color: #886721;
	}

/* 2nd Menu */
ul#vrtnav li:hover li a,
ul#vrtnav li.iehover li a {
  background: #fcd073;
  color: #886721;
  padding: 1px 6px;
  font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
  }

/* 2nd Menu Hover Persistence */
ul#vrtnav li:hover li a:hover,
ul#vrtnav li:hover li:hover a,
ul#vrtnav li.iehover li a:hover,
ul#vrtnav li.iehover li.iehover a {
  background: #e8bd62;
  color: #886721;
	}

/* 3rd Menu */
ul#vrtnav li:hover li:hover li a,
ul#vrtnav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#vrtnav li:hover li:hover li a:hover,
ul#vrtnav li:hover li:hover li:hover a,
ul#vrtnav li.iehover li.iehover li a:hover,
ul#vrtnav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#vrtnav li:hover li:hover li:hover li a,
ul#vrtnav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#vrtnav li:hover li:hover li:hover li a:hover,
ul#vrtnav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#vrtnav ul,
ul#vrtnav ul ul,
ul#vrtnav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 192px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#vrtnav li:hover ul ul,
ul#vrtnav li:hover ul ul ul,
ul#vrtnav li.iehover ul ul,
ul#vrtnav li.iehover ul ul ul {
  display: none;
	}

ul#vrtnav li:hover ul,
ul#vrtnav ul li:hover ul,
ul#vrtnav ul ul li:hover ul,
ul#vrtnav li.iehover ul,
ul#vrtnav ul li.iehover ul,
ul#vrtnav ul ul li.iehover ul {
  display: block;
	}






/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	}	

#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	background: #E4F5FF;
	border: 1px solid #B4E1FF;	
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#BD0B17;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}

#contact fieldset ol {  
	padding-top: 0.25em;
	}
	
#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#contact .shhhh, .shhhh {display:none;}

table.bulb { border: none; width:95%; margin: 0 auto;}
table.bulb tr:hover {background-color:#FFFFCC;}
table.bulb tr.sfHover {background-color:#FFFFCC;}