@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
***************************/
	
#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;
}	

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

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

.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;
}

#contentB4Login .sideContentCol{
	margin-top:38px;
}

*+html #contentB4Login .sideContentCol{
	float:left;
}


#contentB4Login .mainContentCol{
	margin-right:11px;
}

*html #contentB4Login .mainContentCol{
	margin-right:0px;
}
.sideContentCol{
	width:206px;
	float:right;
}

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


*html .sideContentCol{
	width:196px;
}

#contentB4Login .width75{
	width:75%
}

*html #contentB4Login .sideContentCol{
	float:right;
	width:211px;
	margin-left:0;
	margin-right:4px;
	display: inline; 
}



/***************************
 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#pageLoader1 {
 	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#pageLoader1 {
	  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;
}

/*************************************************/
/*STYLE.CSS*/
/*************************************************/
body{
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	background:url(../images/footerBg1.jpg) repeat top;
}

a{color:#005668;text-decoration:none;outline:none;}
a:hover{color:#ee8b2d; text-decoration:underline;}

.hide, .hide1{
	display:none;
}

a.mainLink{
	background:url(../images/mainLink.gif) no-repeat left 4px;
	font-size:12px; 
	font-family:"Trebuchet MS",Arial, sans-serif;
	padding-left:20px;
	text-decoration:none;
	font-weight:bold;
	color:#005668;
	cursor:pointer;
}

a.mainLink:hover{
	color:#ee8b2d;
	text-decoration:none;
}

.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.width100{width:99.5%;}
.width85{width:84.5%;}
.width80{width:79.5%;}
.width75{width:74.5%; display:block;}
.width70{width:69.5%;}
.width65{width:64.8%;}
.width60{width:59.8%;}
.width55{width:54.9%;}
.width50{width:48.8%;}
.width45{width:44.8%;}
.width40{width:39.8%;}
.width35{width:34.5%;}
.width30{width:29.5%;}
.width25{width:24.5%;}
.width20{width:19.5%;}
.width10{width:9.5%;}
.width15{width:14.5%;}

/*************************************************/
/* MODULE.CSS*/
/*************************************************/
div.valueStatement {
	background: #FFF url(../images/globalNavBg.gif) repeat-x scroll 0
		35px;
	height: 40px;
	padding: 0 16px 0 0;
}

div.valueStatement h1 {
	font-size: 18px;
	color: #005668;
	font-weight: normal;
	float: right;
	padding-top: 16px;
	margin: 0;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

body.macOS div.valueStatement h1 {
	padding-top:18px;
}

#flash_container {
	position: relative;
	overflow: visible;
	width: 956px;
	height: 375px;
	margin: 0 auto;
}

#flash_position {
	position: absolute;
	width: 1100px;
	left: -70px;
}

div.infoFeature {
	background: url(../images/selfShadow.png) no-repeat center top;
	padding: 37px 20px 0px;
	float: left;
}

div.infoFeature1 {
	background: none;
	padding: 14px 20px 0px;
	float: left
}

* html div.infoFeature {
	background: url(../images/landingPagebottomBg.gif) no-repeat center top;
	position:relative;
	margin-right:-3px;
}

* html div.infoFeature1 {
	position:relative;
	margin-right:-3px;
}

div.promoBox {
	width: 286px;
	float: left;
	height: 170px;
	background: url(../images/verticalLine.gif) no-repeat center right;
	padding: 0 10px 0 0;
	font-size: 12px;
}

div.centerBox {
	margin: 0 14px;
}

*html div.centerBox {
	margin: 0 7px;
}

div.lastBox {
	background: none;
}

div.promoBox h2.type2 {
	font-size: 20px;
	color: #574419;
}

div.promoBox h2.type3 {
	font-size: 22px;
	text-transform: uppercase;
	color: #6e8b5c;
}

div.promoBox h3 {
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	margin: 0;
}

div.promoBox p {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
}

div.promoBox img.pngImage {
	float: right;
	width:62px;
	height:109px;
}

div.call2Action {
	width: 206px;
	background: url(../images/lp2Call2action.gif) no-repeat top left;
	height: 196px;
	font-size: 12px;
	float:right;
	margin-bottom:7px;
}


*+html .sideContentCol1 div.call2Action{
	margin-bottom:0px;
}
div.call2Action p {
	padding:123px 0 0 10px;
	width: 186px;
	margin: 0;
}

#cockiedPage div.call2Action p {
	padding:82px 0 0 10px;
	width: 186px;
	margin: 0;
}

*+html #cockiedPage div.call2Action p {
	padding:84px 0 0 10px;
}

*html #cockiedPage div.call2Action p {
	padding:84px 0 0 10px;
}

span.bigText{
	font-size:24px;
}


div.call2Action a.call2login {
	padding: 0 45px 8px 0;
	display: block;
	color: #353535;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	width: 146px;
	line-height: 20px;
	font-size: 18px;
}

div.call2Action a.registerLink {
	font-weight: bold;
	text-decoration: underline;
}

/*************************************************
 2 MAIN COLUMN SMALL BOX ROUND CORNERS TYPE 2 MODULE CSS
**************************************************/
div.smallRoundCornerType2 {
	display: inline-block;
	width: 360px;
	padding-top: 5px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #505050;
	background: url(../images/roundCornerBox/type2topBg.gif) top left
		no-repeat;
}

* html div.smallRoundCornerType2 {
	margin-bottom: 5px;
}

div.smallRoundCornerType2 .innerBox {
	background: url(../images/roundCornerBox/type2bottomBg.gif) no-repeat
		bottom left;
	padding: 0 6px 7px 6px;
	float: left;
}

div.smallRoundCornerType2 .innerBox h2 {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	float: none;
	background: url(../images/roundCornerBox/h3Bg.gif) repeat-x top left;
	height: 22px;
	color: #aa631d;
	padding: 10px 0 10px 10px;
	margin: 1px 0 0 0;
	width: 338px;
}

div.smallRoundCornerType2 .innerBox div.innerText {
	background: url(../images/roundCornerBox/contentBg.gif) repeat-x top
		left;
	font-size: 11px;
	color: #505050;
	padding: 5px;
	width: 338px;
	float: left;
	border-top: 1px solid #FFFFFF;
}

div.smallRoundCornerType2 .innerBox div.innerText p {
	padding: 0 5px 5px 5px;
	margin: 0;
	line-height:16px;
}

* html .innerBox div.innerText,* html div.roundBox .innerBox,* html div.roundBox
	{
	float: none;
}

img.pngIcon {
	float: right;
	position: relative;
	top: -30px;
	height:85px;
}
#memberLoginPage div.width80{
	height:155px;
}

*html #memberLoginPage div.width80{
	width:71%;
}

*+html #memberLoginPage div.width80{
	width:71%;
}

*html #memberLoginPage #myzendough div.width20{
	width:30%;
	float:right!important;
}

*html #memberLoginPage #myzendough div.width80{
	width:70%;
}

*+html #memberLoginPage #myzendough div.width20{
	width:40%;
}

*+html #myzendough div.width20 img.pngIcon{
	float:right!important;
	width:101px;
}

*+html #memberLoginPage #myzendough div.width80{
	width:60%;
}


*html #memberLoginPage h4.type3{
	margin:6px 0 0 2px
}


#memberLoginPage span.type3{
	color:#564219;
	margin:0 0 5px;
	padding:0;
	font-weight:bold;
}


div.hr{
	background:url(../images/divider.jpg) repeat-x top left;
	height:1px;
	margin:5px 0;
	padding:0;
	width:99%;
	float:left;
	line-height:0;
	font-size:0;
}div.zendoughLogo{
	/*float:right;*/
	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;}
.clearFix{
	overflow:hidden;
	height:1%;
}