@charset "UTF-8";
/* CSS MAIN STYLES

EATON BRIDGE and CAMP SITES

COLORS:
DK GRAY: #333333
LT GRAY: #F2F2F2
BRIGHT BLUE (FOOTER TEXT): #6699CC
SUBHEAD BLUE: #0063BE
EATON LOGO BLUE: #007AC3
CTA button gradient: #5F7FB8 to #5977A9 (this is questionable)

*/

*{font-size:100.01%}
html {
	height:100%;
	font-size:62.5%;
}
body {
	background-color:#333333;
	color:#333333;
	margin: 0;
	padding: 0;
	font: 1em Arial, Helvetica, sans-serif;
	text-align:center;
}

#outer {
	width:100%;
	padding:0 0 200px 0;
}

#outer-home {
	width:1020px;
	padding:0 0 200px 0;
	margin:0 auto;
}

#inner {
	background-color:#ffffff;
}

#headercontainer {
	width:100%;
	background-color:#ffffff;
}

#header {
	width:900px;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:40px 0 0 0;
	height:80px;
}

#search_box{
	float:right;
	width:400px;
	height:30px;
	padding-bottom: 5px;
}
#search_label{
	font-size:1.6em;
	font-weight:bold;
	color: #898b8e;
	margin-right:5px;
}
#search_keywords{
	display:inline;
	width:150px;
}

#tagline_full
{
	background:#ffffff url(../img/Eaton-Web-SineWave.jpg) no-repeat;
	height:109px;
	width:100%;
	display:block;
	overflow: hidden;
}
#powerthrough {
	background:#ffffff url(../img/wave-pattern.gif) repeat-x left top;
	height:104px;
	width:100%;
	display:block;
}

#powerthroughMain {
	background:#ffffff url(../img/wave-pattern_main.gif) repeat-x left top;
	height:104px;
	width:100%;
	display:block;
}

#cid
{
    background-color: #bae9ff;
    color: #1d75a5;
    font-weight: bold;
}

#tagline {
	width:960px;
	height: 107px;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:0 0 0 0;
	border: solid 0px #000;
}

#content {
	width:900px;
	display:block;
	margin:0 auto;
	text-align:left;
	padding:30px 0 20px 0;
	font-size:1.2em;
}

#contentMain {
	width:100%;
	display:block;
	margin:0 auto;
	text-align:left;
	padding:30px 0 20px 0;
	font-size:1.2em;
	background-color:#000;
}

#flashcontent {
	width:1020px;
	height:468px;
	display:block;
	margin:0 auto;
	text-align:left;
	padding:0;
}

#leftcol {
	float:left;
	width:440px;
	display:block;
	margin:0 18px 0 0;
	min-height:300px;
}

#rightcol {
	float:right;
	text-align:left;
	width:364px;
	display:block;
	margin:10px 0 0 0;
}

#fullcol {
	float:left;
	width:900px;
	display:block;
	margin:30px 0 0 0;
}

#formcol {
	width:522px;
	display:block;
	margin:30px auto 0 auto;
}

#logos {
	height:94px;
	display:block;
	background: url(../img/legacy-border.gif) no-repeat right top;
}
.rhlogo
{
    width:360px;
    margin-top:20px;
    text-align:left;
    vertical-align: middle;
    height:60px;
}
.brandlinks
{
    
    font-size:1.2em;
    text-decoration: none;
	color:#007ac3;
	font-weight:bold;
	text-align:right;
	vertical-align: middle;
	float: right;
	margin-top: 18px;
}
#footercontainer {
	width:100%;
	margin:12px 0 0 0;
	border-top:#4d4d4d 1px solid;
}
#footercontainer-home {
	width:1020px;
	margin:12px auto 0 auto;
	border-top:#4d4d4d 1px solid;
}

#footer {
	width:900px;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:8px 0 0 0;
	font-size:1.1em;
	color:#ffffff;
}


/* TEXT STYLES */

#content p {
	margin:10px 0 0 0;
	line-height:1.6em;
}

#leftcol a, #formcol a {
	text-decoration:none;
	color:#6699cc;
}

#leftcol a:hover, #formcol a:hover {
	color:#0063be;
}

h1 {
	//
}

h2 {
	font-size:1.8em;
	text-transform:uppercase;
	color:#007ac3;
	font-weight:bold;
}


    

#footer a {
	color:#6699cc;
	text-decoration:none;
}

#footer a:hover {
	color:#ffffff;
}

#footernav {
	float:right;
	margin:0 20px 0 0;
}

.copyright {
	float:left;
	margin:0 0 0 20px;
}

#header ul {
	display:block;
	float:left;
	margin:0 0 0 136px;
	padding:0;
}

#header ul li {
	display:block;
	float:left;
	display:inline;
	margin:0 20px 0 0;
}

#header ul li.enduser a {
	background:transparent url(../img/nav_enduser.jpg) no-repeat left top;
	padding:50px 0 0 0;
	margin:0;
	overflow:hidden;
	height:0px !important;
	height /**/:50px; /* for IE5/Win */
	width:147px;
	display:block;
}

#header ul li.reseller a {
	background:transparent url(../img/nav_reseller.jpg) no-repeat left top;
	padding:50px 0 0 0;
	margin:0;
	overflow:hidden;
	height:0px !important;
	height /**/:50px; /* for IE5/Win */
	width:147px;
	display:block;
}

#header ul li.enduser a:hover, #header ul li.reseller a:hover {
	background-position:0 -50px;
}

#rightcol p {
	/*color:#146ba8;
	font-size:1.4em;
	line-height:1.2em;
	*/
	text-align:left;
	/*margin:15px 32px 15px 32px;*/
}


#rightcol span {
	float:right;
	font-size:0.9em;
	margin:0 10px 0 0;
}

#rightcol a.shirt {
	text-align:center;
	display:block;
	margin:0 7px 2px 7px;
	padding:0;
}

#rightcol a.register {
	background:transparent url(../img/register-here-now.gif) no-repeat left top;
	padding:36px 0 0 0;
	margin:20px 0 10px 26px;
	text-align:left;
	overflow:hidden;
	height:0px !important;
	height /**/:36px; /* for IE5/Win */
	width:167px;
	display:block;
}

#rightcol a.register:hover {
	background-position:0 -36px;
}

/* IMG */

img {
	border:none;
}

.logo {
	display:block;
	float:left;
	width:162px;
	height:56px;
}

#logos img {
	margin:0 76px 0 0;
	padding:20px 0 0 0;
}

#logos img.last {
	margin:0;
}

/* MISC STYLES */

.clearfix {
	font-size:0.01em;
	clear:both;
}

.divider {
	width:100%;
	border-top:#4d4d4d 1px solid;
	height:2px;
	margin:0;
	padding:0;
}

.formdivider {
	width:100%;
	border-top:#4d4d4d 1px solid;
	height:2px;
	margin:15px 0;
	padding:0;
}

/* FORM STYLES */

.required {
	float:right;
	font-size:0.9em;
	margin:0 0 -20px 0;
}

form {
	margin:10px 0;
}

label, span.formlabel {
	width:192px;
	text-align:right;
	display:block;
	float:left;
	margin:10px 10px 0 0;
	font-weight:bold;
}

label.twolines {
	margin:2px 10px 0 0;
}


.submit-button {
	text-align:center;
	display:block;
	margin:0 0 0 202px;
	width:80px;
}

.radio {
	font-weight:normal;
	width:auto;
}

.radio input {
	vertical-align:middle;
}


/* Register now button */
#register {
	float:right;
	width:144px;
	height:70px;
	text-align:right;
}
#register a {
	background:transparent url(/images/register_button.gif) no-repeat left top;
	padding:70px 0 0 0;
	margin:0;
	overflow:hidden;
	height:0px !important;
	height /**/:70px; /* for IE5/Win */
	width:100%;
	display:block;
}

#register a:hover {
	background-position:0 -70px;
}
#register_inline{
	width:144px;
	height:70px;
	text-align:left;
}
#register_inline a {
	background:transparent url(/images/register_button.gif) no-repeat left top;
	padding:70px 0 0 0;
	margin:0;
	overflow:hidden;
	height:0px !important;
	height /**/:70px; /* for IE5/Win */
	width:100%;
	display:block;
}

#register_inline a:hover {
	background-position:0 -70px;
}

#mge_logo
{
    vertical-align:middle;
    padding-left:1px;
    padding-bottom:8px;
    margin-right:28px;
    float:left;
}
#powerware_logo
{
    margin-top:15px;
    vertical-align:middle;
    float:left;
}
h2.subhead{
	font-size:1.6em;
	text-transform:none;
}
/* marketing pages icons */
.advert,.banners,.flyers {
	background:transparent url(/images/books-blue.jpg) no-repeat left top;
	height:75px;
	padding-left:80px;
	padding-top:25px;
	margin-top:5px;
}
.advert h2,.banners h2,.flyers h2 {
	margin-top:-10px;
	margin-bottom:2px;
}
#advert .advert,#banners .banners,#flyers .flyers {
	background-image:url(/images/books-green.jpg);
}
.thumbs {
	width:100%;
}
.thumbs a {
	text-decoration:none;
	border:0;
	margin-right:5px;
}
.padding{
	clear:both;
	padding: 2em;
}
#markicons p,#markicons img,#markicons h2 {
	float:left;
}
#markicons {
	margin-top:-45px;
}
#markicons h2 {
   margin-bottom:2px;
}
#markicons p {
clear:left;
width:450px;
margin-right:5px;
}
#markicons img{
	margin-top:5px;
	margin-bottom:10px;
}
#rightcol .divider{
	float:left;
	clear:both;
}
#rightcol h2 {
text-align:left;
}