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



html, body { 
    height: 100%; 
} 



#mainContainer{
	/*background:url(../images/mainBGTop.jpg) top no-repeat;*/
	float:left;
	display:block;
	width:100%;	
	min-height: 100%; 
    height: auto !important; 
    height: 100%; 
	margin:0 auto -164px;
}

*html #mainContainer{
    margin: 0 auto -157px;
}

*+html #mainContainer{
    margin: 0 auto -157px;
}
/***************************
 HEADER CSS
***************************/

#header {	
	height:76px;
	background: #FFF;
}

#header div.companyLogo{
	width:300px;
	height:53px;
	margin:16px 0 0 20px;
	float:left;
	display:inline
}



div#utilityLinks{
	float:right;
	font-size:11px;
	margin-right:18px;
	display:inline-block;
	display:inline;
	width:60%;
	font-family:"Trebuchet MS",Arial, sans-serif;
}

div#utilityLinks span.wlcmMsg{
	float:right;
	color:#1b6a7c;
	font-weight:bold;
	margin-top:2px;
	display:inline
	}
	
div#utilityLinks span.wlcmMsg a{
	color:#818083;
	margin:0 28px 0 0;
	text-decoration:none;
}

div#utilityLinks span.wlcmMsg a:hover{
	color:#EE8A2C;
	text-decoration:underline;
}

div#utilityLinks ul{
	float:right;
	margin:0;
	padding:0;
	display:inline
}


div#utilityLinks ul li{
	display:inline;
	float:left;
	background:url(../images/utilityLinkBgLeft.gif) no-repeat top left;
	margin-right:1px;
	height:21px;
	padding-left:1px;
}

div#utilityLinks ul li a{
	background:url(../images/utilityLinkBgRight.gif) no-repeat top right;
	padding:3px 10px 2px 11px;
	display:block;
	_display:inline-block;
	height:16px;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	color:#1b6a7c;
	font-weight:bold;
	}

a img{
	border:0;
}

/***************************
 MAIN CONTAINER CSS
***************************/
	
#contentB4Login{
		background:url(../images/contentBg.gif) repeat-x top;
		clear:both;
		font-family:"Trebuchet MS",Arial, sans-serif;
		float:left;
		width:100%;
		padding-bottom:33px;
	}
*+html #contentB4Login{
	float:none;
	padding-bottom:37px;
}
*html #contentB4Login{
	float:none;
	padding-bottom:37px;
}

#content{
		background:url(../images/contentBg1.png) repeat-x top;
		clear:both;
		font-family:"Trebuchet MS",Arial, sans-serif;
		float:left;
		width:100%;
		padding-bottom:33px;
	}
	
*+html #content{
	float:none;
	padding-bottom:37px;
}
*html #content{
	background:url(../images/contentBg1.gif) repeat-x top;
	float:none;
	padding-bottom:37px;
}
.container{
	width:988px;
	margin:0 auto;
}	
#contentB4Login .innerContent{
	margin:14px 0 0 75px;
	display:inline-block;
}

#contentB4Login .innerContent1{
	margin:28px 16px 0 16px;
	display:inline-block;
}

#content .innerContent{
	margin:14px 16px 0 16px;
	display:inline-block;
}

#content .innerContent1{
	margin:14px 20px 0 20px;
	display:inline-block;
}

/*
#contentB4Login .mainContentCol{
	float:left;
	display:inline-block;
	border:4px solid #5d737f;
	width:660px;
	padding:28px;
	background:#fff url(../images/formBg.gif) repeat-x top left;
	font-size:12px;
	color:#505050;
	margin-right:14px;
	min-height:230px;
	_height:230px;
}
*/
.mainContentCol{
	float:left;
	display:inline-block;
	width:730px;
	padding:0 0px 0 0;
	font-size:12px;
	color:#505050;
	margin-right:11px;
	_margin-right:0px;
	min-height:286px;
	_height:286px;
}


.mainContentCol2{
	display:inline-block;
	width:360px;
	padding:0;
	font-size:12px;
	color:#505050;
}


.sideContentCol{
	width:206px;
	float:right;
}

.sideContentCol1{
	width:206px;
	float:right;
}


*html .sideContentCol{
	width:196px;
}

#contentB4Login .width75{
	width:75%
}


div.formFeilds{
	float:left;
	display:inline-block;
	border:4px solid #5d737f;
	width:664px;
	padding:14px 20px 4px;
	position:relative;
	top:-14px;
	background:#fff url(../images/formBg.gif) repeat-x top left;
	font-size:12px;
	color:#505050;
	position:relative;
	min-height:230px
}

*html div.formFeilds{
	padding:14px 20px 0;
	height:230px;
}



div.formFeilds1{
	float:left;
	display:inline-block;
	border:4px solid #5d737f;
	width:665px;
	padding:28px;
	background:#fff url(../images/formBg.gif) repeat-x top left;
	font-size:12px;
	color:#505050;
}

/***************************
 FOOTER CSS
***************************/

#footer{
	float:left;
	width:100%;
	_float:none;

}

#footer, .push{
	height: 155px; 
	float:left;
	width:100%;
}

#footer div.footerLinks ul{
	margin:0 0 0 15px;
	padding:0;
}

#footer div.footerLinks ul li{
	display:inline;
	font-size:11px;
	}
	
	
#footer div.footerLinks ul li a{
	text-transform:uppercase;
	text-decoration:none;
	color:#564219;
	font-weight:bold;
	margin:0 10px;
}	
#footer div.footerLinks ul li a:hover{
	color:#ee8a2c;	
}

#footer div.footerInfo{
	height:117px;
	border-top:1px solid #c1b8a5;
	background:url(../images/footerBg.jpg) no-repeat top right;
	margin-top:11px;
	padding:14px 0 0 0;
	font-size:11px;
}

#footer div.footerInfo p{
	margin:0 0 14px 25px;
	color:#7b7b7b;
	line-height:14px;
}

#footer div.footerInfo p.copyright{
	margin:0 0 10px 25px;
}

#footer div.footerInfo img{
	margin-left:25px;
}

div#pageLoader {
 	position: fixed;
	z-index:105;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
 	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
  
}

*html div#pageLoader {
	  position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}



div.loader{
	position:fixed;
	top:35%;
	left:40%;
	width:200px;
	height:193px;
	z-index:106;
	padding:10px 15px 0 35px;
	background:#fff url(../images/loaderBG.gif) no-repeat top left;
}

*html div.loader{
	position:absolute;
}

div.dividerDiv{
	border-bottom:1px solid #97B8BF;
	float:left;
	padding-bottom:10px;
	margin-bottom:15px;
}
div.zendoughLogo{
	clear:both;
	text-align:right;
}
div.zendoughLogo img{ float:right; }
div.zendoughLogo div{ clear: both; color:#818083; font: 11px "Trebuchet MS",Arial,sans-serif; font-weight:bold;}=======
}