/* CSS Document */


/* The CSS that's required to position the footer */

html,
body{ height: 100%; }
body{ text-align:center; }

#footer {
	position:absolute;
	bottom: 0;
	left: 50%;
	margin:0 auto;
	width:756px;
    margin-left: -378px; /* half of width */
	text-align:left;
	height: 46px;
}

#bg {
	width:555px; 
	height:545px; 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin-left:-170px; 
	margin-top:-350px; 
	background:#900 url(/nr/templates/images/easymax/bg-gateway.jpg) no-repeat;
}

#container {
	width: 760px; 
	text-align:left; 
	margin:auto; 
	position: absolute;
	left: 50%;
	top: 50%;
    margin-left: -380px; /* half of width */
    margin-top: -277px;  /* half of height */
    margin-top: -200px;  /* half of height */
}

#main {
	width: 760px; 
	height: 400px; 
	position: relative;
}

#enmax,
#nav,
#hero,
#heroText,
#iam,
#iwant,
#fairComp,
#legal {position: absolute;}

#enmax {
	margin-top: 14px;  
	margin-left: 30px; 
}

#nav {
	margin-top: 25px;  
	margin-left: 268px;
}

#hero {
	margin-top: 100px;  
	margin-left: 0;
}
#heroText 
{
	margin-top: 290px;  
	margin-left: 0;
}
#iam { 
	margin-top: 149px; 
	margin-left: 280px;
}
#iwant { 
	margin-top: 149px; 
	margin-left: 540px;
}
#fairComp 
{
margin-top: 309px; 
margin-left: 280px;
width:500px; 
}

#new_customer_how,
#existing_customer_how {
	border: 1px solid #990000;
	width: 180px;
}

#legal {
	width: 200px;
	margin-top: 320px;
	margin-left: 10px;
	color: #fff;
	text-align: center;
	line-height: 1.3em;
}
#legal a {text-decoration: none;}
#legal a:hover {text-decoration: underline;}
#legal-print {display: none;}

#alert 
{
	width: 620px;
	height: 60px;
	margin-top: 385px;
	margin-left: 40px;
	padding-left: 55px;
	padding-top: 5px;
	color: #fff;
	line-height: 1.3em;
	/*background: url(/nr/templates/images/easymax/alert-1.gif) no-repeat;*/
	background: url(/nr/templates/images/easymax/pulse-icon.gif) no-repeat;
	position:absolute;
}

#alert a {}
#alert a:hover {color: #fff; text-decoration: none;}
#alert-print {display: none;}
#alertHelp
{
	width: 620px;
	height: 60px;
	margin-top: 370px;
	margin-left: 40px;
	padding-left: 55px;
	padding-top: 5px;
	color: #fff;
	line-height: 1.3em;
	position:absolute;
}

#feature1,
#feature2,
#feature3 { 
	position: absolute; 
	bottom: 0;
	width: 252px; 
	height: 42px;
	background: url(/nr/templates/images/popbanners/popbanner-bg.gif) top left no-repeat;
	overflow:hidden;
	filter: alpha(opacity=0);/* filter for IE */
}

#feature2{ margin-left: 252px; }
#feature3{ margin-left: 504px; }

#enmax, 
#nav, 
#bg, 
#hero, 
#iam, 
#iwant,
#legal {  filter: alpha(opacity=0); }  /* filter for IE */

/* Links */
a,
a:link, 
a:visited{color: #fc0; text-decoration: none;}
a:hover {color: #fc0; text-decoration: underline;}
a:active {}



/*
 Panel Style
*/
.info {
	visibility: hidden;
	display:none;
	margin: 0 5px;
}

.panel .hd {
	background: #c00 url(/nr/templates/images/easymax/icon-info.gif) 6px 6px no-repeat;
	color:#fff;
	font-family: Verdana,Geneva,sans-serif;
	line-height: 1.3em;
	font-weight: bold;
	padding: 7px 20px 7px 31px;
	border-bottom: 1px solid #900;
}

.panel .close.nonsecure {
	background-image:url(/nr/templates/images/easymax/close.gif);
	margin-right: 2px;
	margin-top: 4px;
}

.panel .bd{
	font-family: Verdana,Geneva,sans-serif;
	line-height: 1.3em;
	padding: 8px;
	color: #333;
}

.panel .bd p {
	line-height: 1.3em;
}

.panel .bd a,
.panel .bd a:link, 
.panel .bd a:visited{color: #c00; text-decoration: none;}
.panel .bd a:hover {color: #c00; text-decoration: underline;}
.panel .bd a:active {}

.panel .bd ol {
	margin-left: 30px;
	margin-right: 20px;
	padding: 0px;
}

.panel{
	width:300px;
	border:#600 1px solid;
	z-index:1;
	left:0;
	visibility:hidden;
	overflow:hidden;
	position:relative;
	top:0;
	border-collapse:separate;
	background-color:#fff;
}

.panel-container{
	z-index:6;
	visibility:hidden;
	overflow:visible;
	width:auto;
	position:absolute;
	background-color:transparent;
}

.panel-container.matte {
	padding:3px;
	background-color:#FFF;
}

.panel-container.shadow {
	padding:0px;
	background-color:transparent;
}

.panel-container.shadow .underlay {
	visibility:inherit;
	position:absolute;
	background-color:#eee;
	top:2px;left:2px;
	z-index:0;
	width:100%;
	height:100%;
    -moz-opacity: 0.7;
    opacity:.70;
    filter:alpha(opacity=70);
	zoom:1;
}

.mask {
    z-index:0;   
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#000;
}
#pop1 img,#pop2 img,#pop3 img
{
	margin: 17px 0 0 1px;
}