/* +++++++++++++++++++ */
/* default.css from Eaton */
/* +++++++++++++++++++ */
body {
	font: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	border-top: 6px solid #DF7A1C;
	padding-bottom: 125px;
	color: #636365; 
}
body.fancy {
/*	background: #F2F2F2 url(/img/bkHome.png) repeat-x;*/
}
a { 
	color: #005187;
	text-decoration: none;
	font-weight: bold;
}
a:hover { color: #DF791B; }

b { 
	font-weight: 700;
	color: #005187;	
}

h1, h3, h4 { font: 100%/1em 'eatonbold', sans-serif; }
h2 { font: 100%/1em 'eatonregular', sans-serif; } 

/* +++++++++++++++++++ */
/* WIDTHS */
/* +++++++++++++++++++ */
header,
nav,
article,
section,
footer {
	width: 100%;
	display: block;
	min-width: 300px;
	text-align: center;
}

div.dots {
	padding-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CFCFCF;
}

/* +++++++++++++++++++ */
header {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* +++++++++++++++++++ */
nav { margin-bottom: 20px; }
nav a {
	font-size: .9em;
	font-weight: bold;
	line-height: 1em;
/*
	display: inline-block;
	padding: 8px 20px;
*/
}
nav a#x3 { border-right-width: 0px; }
nav a.selected { color: #DF791B; }

/* +++++++++++++++++++ */
section p {
	line-height: 1.5em;
	margin-bottom: 8px;
	margin-top: 8px;
}
section h2 {
	padding: 22px 50px;
	width: 500px;
	margin: 0 auto 10px auto;
	font-size: 16px;
	line-height: 1.4em;
	border-top: 1px dotted #CFCFCF;
	border-bottom: 1px dotted #CFCFCF;
	text-align: center;
	color: #464646;
}
section h3 { 
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 8px;
	margin-top: 8px;
}

/* +++++++++++++++++++ */
section.bnr { /* HOME */
	background: #05589A;
/*	height: 224px;*/
	overflow: hidden;
	margin-bottom: 20px;
}

/* +++++++++++++++++++ */
section.blue { /* interior pages */
/*	background: #05589A url(/img/mnBling.png) no-repeat center top;*/
	height: 57px;
	overflow: hidden;
	margin-bottom: 20px;
}

/* +++++++++++++++++++ */
section.intro ul { 
	width: 600px;
	margin: 0 auto;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CFCFCF;
	margin-bottom: 25px;
	overflow: hidden;	
}
section.intro ul li {
	float: left;
	width: 45%;
	padding: 0 2%;
}
section.intro ul li.line { border-left: 1px dotted #CFCFCF; }

/* +++++++++++++++++++ */
section.content {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: left;
	padding-bottom: 20px; 
}
section.content h3.dots {
	padding-top: 25px;
	font-size: 14px;
/*	background: url(/img/h3dots.png) repeat-x left 35px;*/
}
section.content h3.dots span { 
	width: auto;
	background-color: #fff;
	padding-right: 5px;
}

section.content h4 {
	font-size: 14px;
	color: #005187;
	padding-top: 10px;
}
section.faqs h4 { cursor: pointer; }

section.content ul.faqs {
	margin-left: 25px;
	margin-right: 6px;
}
section.content ul.faqs li {
	line-height: 1.5em;
	margin-bottom: 8px;
	list-style: disc;
}
section.content ul.faqs ul {
	margin-left: 25px;
}


/* +++++++++++++++++++ */
/*article.gray { background: #F2F2F2 url(/Eaton/Images/bk-gray.png) repeat-x center top; }*/
.gray section {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	padding-top: 20px;
}

.gray section ul {
	margin-left: 15px;
	margin-right: 6px;
}
.gray section ul li {
	float: left;
	width: 50%;
	line-height: 1.5em;
	margin-bottom: 8px;
	list-style: disc;
}

/* +++++++++++++++++++ */
/* ++ CHARTS ++ */
/* +++++++++++++++++++ */
ul#chtA li {
	float: left;
	width: 30%;
	margin-right: 2%;
	padding-right: 2%;
	border-right: 1px dotted #CCC;
	min-height: 100px;
}
ul#chtA li.last {
	margin: 0;
	padding: 0;
	border-right-width: 0px;
}
ul#chtA ul {
	margin-left: 15px;
	margin-right: 6px;
}
ul#chtA li li {
	float: none;
	width: auto;
	margin: 0 0 8px 0;
	padding: 0 0 0 0px;
	border: 0;
	min-height: inherit!important;
	font-size: 10px;
	line-height: 1.2em;
	list-style: disc;
}
#chtA h4 {
	color: #FFF;
	text-align: center;
	display: block;
	padding: 10px;
	margin: 0 0 10px 0;
	box-shadow: inset 0px 0px 10px 5px rgba(143,171,204,0.6);
}
#chtA h4.b1 { 
	background: #8FABCC;
	box-shadow: inset 0px 0px 10px 5px rgba(94,138,181,0.6);
}
#chtA h4.b2 { 
	background: #5E8AB5;
	box-shadow: inset 0px 0px 10px 5px rgba(38,111,160,0.6);
}
#chtA h4.b3 { 
	background: #266FA0;
	box-shadow: inset 0px 0px 10px 5px rgba(19,80,128,0.6);
}
a#chtB {
/*	background: url(/img/comparison-chart.png) no-repeat 0px 0px;*/
	display: block;
	height: 365px;
	width: 600px;
	overflow: hidden;
}
a#chtB:hover {
	background-position: right;
}
img.print { display: none; }
/* +++++++++++++++++++ */
footer {
/*	background: url(/img/bk-ftr.png) repeat-x;*/
/*
	position: fixed;
	height: 69px;
	padding: 14px 0 17px 0;
	left: 0px;
	bottom: 0px;
	text-align: left;
	z-index: 9400!important;*/
}
/*
footer a {
	font-size: .9em;
	font-weight: bold;
	line-height: 1em;
	display: block;
	float: left;
	padding: 30px 40px 28px 40px;
	border-left: 1px dotted #CFCFCF;
}
footer a.logo { 
	padding: 0;
	border-left: 0 
}
footer a.logo img { 
	padding: 15px 40px 0 40px;
}
	*/
/* MISC CLASSES */

p.sml,
.sml { 
	clear: both;
	font-size: 10px;
	color: #666;
	padding: 12px 0;
}
p.clear,
.clear { 
	clear: both;
	padding-top: 20px;
}
/*.show { display: block; }*/
.hide { display: none; }



/* make menu left justified when rendering vertical */
div#nav-content-1 ul li a
{
    text-align:left;
}

/* hide the productnumber row on the product page */
#ContentPlaceHolder1_Div_ProductDetails .ProductNumberHeader
{
    display:none;
}

@media (max-width: 768px) {
	.navbar-default .custom-header {
		margin: -9px -17px;
		width: -moz-available;
		width: -webkit-fill-available;
		padding-right: 0;
		padding-left: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.nav-item a {
		border-right: 0 !important;
	}
}

.nav-item a {
	border-right: 1px dotted #CFCFCF;
}

.navbar-default .dropdown-menu {
	margin-top: 5px;
}


.LoginNewUserLink
{
	position: absolute;
	top:0;
	left:0;
	display:flex;
	justify-content:flex-end;
	width:100%;
	height:100%;
	align-items:flex-end;
}

.LoginNewUserLink a{
	margin-right:10px;
	font-weight:normal;
}


.navbar-brand
{
	text-align:left;
}

.navbar{
	background-color:white;
}