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

/* main.css */
body {
	font-size: 76%;	
	position: relative;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.container-page-width {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	vertical-align: top;
}

.clr {
	clear: both;
}

.center {
	text-align: center;
}

input.border, textarea.border {
	border-top-width: 1.25px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: 1.25px;
	border-top-style: inset;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: inset;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #666666;
}


td
{
	vertical-align : top;
}


hr
{
	margin: 0 10px;
	color: #CCC; /* used by IE */
	height: 2px;
}

/* CLASS DEFINITIONS */

.leadtext {
	color:#FFFFFF;
	padding: 2px 0 2px 10px;
	background-color: #4119A7;
	font-weight: bold;
}

.formtitle {  
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 0.8em; 
	color: #66CC33;
}

.smalltext {  
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 0.8em;
}


.formFieldTitle {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #013EB1;
	font-size: 1em;
	text-align: right;
}

.formField {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #333333;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
}

.floatright
{
	float: right;
	margin: 5px 5px 5px 15px;
}

.floatleft
{
	float: left;
	margin: 5px 15px 5px 5px;
}

/* ID DEFINITIONS */

#leftcol{
	width : 211px;
	background-color: #f1f1f1;
}

#leftcol p
{
	padding: 7px 10px 7px 10px;
	
}

#leftcol h2 {
	padding: 12px 10px 3px 5px;
	font-size: 1.1em;
	margin: 0;
	font-family: Calibri;
}

#leftcol h3 {
	font-weight: bold;
	color: #353A90;
	padding: 3px 10px 3px 10px;
	font-size: 1em;
	margin: 10px 0 5px 0;
}

#leftcol ul
{
	margin-left: 35px;
	padding: 3px;
}

#leftcol ul ul
{
	margin-left: 5px;
	padding-top: 5px;
	list-style-type: none;
}

#leftcol li {
	margin: 0 10px 5px 0;
	list-style-type: disc;

}


#leftcol dt {
	font-size: 1.1em;
	/*mnj font-size: 14px;*/
	color: #333333;
	text-transform: uppercase;
}

#leftcol a 
{
	color : #009;
	text-decoration : underline;
}

#leftcol a:hover
{
	color : #013EB3;
}

#leftcol a:active
{
	font-weight: bold;
}



#leftcol td.coltblcontent {
	padding: 3px;
	font-size: 0.9em;
}


#leftcol .address {
	font-weight: bold;
	font-size: 0.9em;
}

#rightcol
{
	padding: 0 0 0 0;
}

#rightcol .container
{
	padding: 0 10px 0 10px;
} 


#rightcol p
{
	padding: 0 0 7px 0;
	font-size: 1em;
	
}

#rightcol h2 {
	font-weight: bold;
	padding: 12px 0 3px 0;
	font-size: 1em;
	margin: 0 0 8px 0;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#leftcol h3 {
	font-weight: bold;
	color: #353A90;
	padding: 3px 10px 3px 10px;
	font-size: 1em;
	margin: 10px 0 5px 0;
}


#rightcol ul
{
	margin-left: 35px;
	padding: 3px;
}

#rightcol li {
	margin-bottom: 5px;
	font-size: 0.9em;
}


#rightcol dt {
	font-size: 1.1em;
	/*mnj font-size: 14px;*/
	color: #333333;
	text-transform: uppercase;
}

#rightcol a 
{
	color : #009;
	text-decoration : underline;
}

#rightcol a:hover
{
	color : #013EB3;
	text-decoration: none;
}

#rightcol a:active
{
	font-weight: bold;
}



#rightcol td.coltblcontent {
	padding: 3px;
	font-size: 0.9em;
}

#rightcol .address {
	font-weight: bold;
	font-size: 0.9em;
}



#content
{
	width: 100%;
	padding: 0 0 25px 0;
}

#content .container
{
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 15px;
} 

#content .img-align-left {
	float: left;
	margin: 0 15px 0 0;
}

#content .img-align-right {
	margin: 0 0 0 15px;
	float: right;
}


#content p
{
	margin: 0 0 20px 0;
}


#content h2, #content h3
{
	padding-bottom: 5px;
}

#content h1
{
	font-size: 2em;
	padding: 10px 0 0 15px;
}

#content h2
{
	color: #333333;
	font-size: 1.2em;
	font-weight: bold;
	border-style: none none solid solid;
	text-transform: capitalize;
	border-bottom-width: thin;
	border-left-width: 10px;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0 0 0 10px;
	margin: 30px 0 15px 0;
}

#content h3
{
	font-size: 1.2em;
	text-transform: capitalize;
	padding-top: 5px;
	margin: 0 0 0 0;
	color: #03498E;
}

#content h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: #666666;
}
#content blockquote {
	background: url(../images/quote.gif) no-repeat 10px 0;
	margin-top: 50px;
	margin-right: 50px;
	margin-bottom: 0;
	padding-left: 50px;
}


#content ul, #content ol
{
	margin: 5px 4px 15px 20px;
}

#content li
{
	margin-bottom: 5px;
	margin-left: 35px;
	margin-right: 35px;
}

#content li.multiplecols {
	margin: 0 5px 5px 5px;
}

#content dl, #content dd
{
	margin: 0 0 10px 0;
}

#content dt {
	font-size: 1em;
	/*mnj font-size: 14px;*/
	color: #333333;
	font-weight: bold;
	text-transform: capitalize;
}
#content dd {
	font-size: 0.9em;
	text-transform: capitalize;
	/*mnj font-size: 12px;*/
}

#content td.content
{
	padding: 0.9em;
	margin: 0;
}

#content a
{
	text-decoration : underline;
}
	
#content a:link
{
	color : #009;
}

#content a:hover, #content a:visited
{
}

#content a:active
{
}

#footer
{
	background-color: #024b90;
	color: #FFFFFF;
}

#footer a {
	font-size: 1em;

	text-decoration: none
	font-weight: bold;
	}
	
#footer a:link {
	color: #0CF;
}

#footer a:visited {
	color: #FFFFFF; 
}

#footer a:hover {
	text-decoration: underline;
	color: #FFF;
}
#columns {
	height:auto;
}

.footer-member-logos {
	background-color: white;
	padding: 5px 0;
}
.footer-copyright {
	background-color: #333;
}

.copyright {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	color: #FFFFFF;
	font-size: 0.8em;
	text-align: right;
	padding: 3px;
}

.designedby {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	font-size: 0.8em;
	text-align: right;
	font-weight: bold;
}

#footer td.content
{
	padding: 0.8em;
	margin: 0;
}

#footer .bullet {
color:#FFFFFF;
}
strong {
}

.contactinfo {
	font-size: 0.9em;
	color: #FFFFFF;
	padding: 5px 15px 5px 15px;
	font-weight:bold;
	}

.contactinfo a {
	color: #FFCC00;
	text-decoration: none;
}

.contactinfo a:hover {
	color: #FFFFFF;
}

#espanol {
	font-weight:bold;
	padding: 5px 10px;
	background-color:#333
}

#espanol a {
	font-size: 1em;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}

#espanol a:hover {
	color: #0CF;
}

.buy {
	color: #ffffff;
	background-color: #024FA4;
	font-weight: bold;
	padding: 3px 0 3px 5px;
	}
.english_spanish {
	font-size: 1.2em;
}
.einsteintext {
	padding-left: 5px;
	margin-left: 5px;
}
#rightcol .container blockquote {
	margin-left: 10px;
}
.banner-bkgd-new {
	background-image: url(../images/bkgd-banner-new.jpg);
	background-repeat: repeat;
}

.interior
{
	margin: 10px 0;
	padding: 0;
	border: 1px solid #d7e5f0;
	border-collapse: collapse;
	font-size: 11px;
}

.interior th,
.interior td
{
	padding: 10px 5px;
	border-bottom: 1px solid #d7e5f0;
}

.interior th
{
	color: #fff;
	border-bottom: 1px solid #000;
	background-color: #417aaf;
}

.interior td.colored
{
	background: #ccc;
	width: 215px;
	font-weight: bold;
}

interior.ul
{
	color: #ff0000;
	margin: 0px;
}


interior.li
{
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.white-background {
	background-color:#FFFFFF;
	}



#watermark {
	background-image: url(../images/sine-wave-watermark.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.superscript {
  font-size:xx-small; 
	vertical-align:top; 
}

#bkgd-electric-bill {
	background-image:url(../images/electric-bill-watermark.jpg);
	background-repeat: no-repeat;
}

.nowrap {
	white-space: nowrap;
}

/* main.css end */

/* Horizontal Menu */
#nav {
	position: absolute;
	left: 313px;
	top: 42px;
	width: 565px;
	height: 20px;
	z-index: 100;
}

#nav.nav-espanol {
	left: 275px;
	width: 675px;
}
#nav, #nav ul {
	background-color: #fff;
	text-transform: capitalize;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 18px;

}

/* for all levels */
#nav a {
	display: block;
	color: #235395; /* blue */
	text-decoration: none;
	padding: 0 10px;
}

/*mnjnew #nav a.img {
	padding: 0;
	}*/

/*mnj new */
#nav a:hover {
	color: #000;
}
	
/*mnj try this*/
#nav a:active	{  /*last link clicked on */
	color: #f00;
	color: #fff;
	background-color: #CCC;
}	

#nav li {
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: thin solid #CCC;
}

/* dropdown menu */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	border-bottom: 1px solid #ccc;
	/*width: 22em;*/
	width: 250px;
}

#nav li ul a {
	color: #666;	/*width: 3em; 
	w\idth: 9em;*/
}

/* offset for 3rd level submenu -- to make it line up when navigating between submenu 2 and 3 */
#nav li ul ul {
	margin: -1em 0 0 15em;
}

#nav li:hover ul ul{
	left: -999em;
}

/* background of the dropdown menu when displayed*/
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
	/*mnjnew color:#fff;*/
 	display: block; /*mnj new */
	/*width: 22em;*/
	width: 250px;
}

/* Hover background for all levels */
#nav li:hover, #nav li.sfhover {
	/*font-weight: bold;*/
	background-color: #eee;
}
/* Horizontal Menu end */

/* Vertical Menu */

#navvert {
	width: 250px;
	font-size: 1em;
	text-transform: capitalize;
}

#navvert ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* for all levels */
#navvert a {
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 0 0.75em;
}


/*mnj new */
#navvert a:hover {
	font-weight: bold;
	text-decoration: underline;
	}

#navvert li {
	width: 19em;
	margin: 0;
	padding: 3px;
	line-height: 12px;
}

#navvert li ul li {
	line-height: 12px;
	padding: 3px 0;
	width: 17em;
}

/* dropdown menu */
#navvert li ul {
	left: -999em;
	background-color: #eee;
	position: absolute;
}

/* offset for 3rd level submenu -- to make it line up when navigating between submenu 2 and 3 */
#navvert li ul ul {
	margin: -1em 0 0 15em;
}

#navvert li:hover ul ul,  #navvert li.sfhover ul ul {
	left: -999em;
}

/* background of the dropdown menu when displayed*/
#navvert li:hover ul, #navvert li li:hover ul,  #navvert li.sfhover ul, #navvert li li.sfhover ul {
 	display: block; 
	width: 17em;
	left: auto;
	margin-left: 17em;
	top: auto;
	margin-top: -1.25em;
}

/* Hover background for all levels */
#navvert li:hover, #navvert li.sfhover {
	/*background-color: #FFFFFF;*/
}

#navvert h2.green {
	color: #009900;
	width: 18em;
}
/* Vertical Menu End */#moreinfo {
	position: absolute;
	left: 343px;
	top: 757px;
	background-color: #FFF;
	border: thick solid #000;
}

#box {
	border:thin solid #CCC;
	padding: 10px;
}


.home-voltage-control {
	float: left;
	width: 285px;
	vertical-align : top;

}



.home-power-factor {
	float: right;
	width: 295px;
	margin: 0 0 0 0px;
}

.home-ups {
	width: 325px;
	margin: 0 150px 0 322px;
}

#footer-follow-us {
	float:left;
	width: 250px;
	padding: 15px 0 15px 15px;
	margin: 0;
	/*vertical-align: top;*/
}
#footer-power-quality-solutions {
	width: 350px;
	margin: 0 0 0 325px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 15px 0 15px 0;

	/*vertical-align: top;*/
}
#footer-market-wide-solutions {
	float: right;
	width: 300px;
	padding: 15px 15px 15px 0;
	/*vertical-align: top;*/
}
.box h3 {
	color: #024B90;
	padding-bottom: 5px;
}

	
#footer-market-wide-solutions h3,
#footer-power-quality-solutions h3,
#footer-follow-us h3 {
	color: #FFF;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 5px;
}


#box ul,
#footer-market-wide-solutions ul,
#footer-power-quality-solutions ul,
#footer-follow-us ul {
	margin-left: 20px;
	margin-bottom: 8px;
}

#box li,
#footer-market-wide-solutions li,
#footer-power-quality-solutions li,
#footer-follow-us li {
	padding-bottom: 4px;
}

#box a,
#footer-market-wide-solutions a,
#footer-power-quality-solutions a,
#footer-follow-us a {
	text-decoration: none;
	color: #0268B0;
}

.search-form {
	position: absolute;
	left: 646px;
	/*-moz-top: 83px; */
	top: 94px !important; /* IE */
	width: 235px;
	height: 37px;
	font-size: 12px;
	z-index: 1;
}
.search-input {
	border: none;
}

#newsletter-signup {
	position: relative;
	background-image:url(../images2/bkgd-power-quality-connect-signup.jpg);
	background-repeat: no-repeat;
	/*height: 35px;*/
	height: 55px;
	width: 237px;
	/*border: thin solid #CCC;*/
	/*padding: 30px 0 0 0;*/
	padding: 50px 0 0 0;
}



.newsletter_learn_more {
	position: absolute;
	top:23px;
	left:128px;
	font-size: 14px;
	
}

#admin-menu {
	position: absolute;
	padding: 5px 15px;
	color:#666666;
	left: 69px;
	top: 28px;
	width: 213px;

}

#admin-menu a {
	font-size: 12px;
	color:#333;
	text-decoration: none;
}

#admin-menu a:hover {
	text-decoration: underline;
}
.product-details {
	font-size: 18px;
}