/* header container
---------------------------------------------------------------------------------*/
#header-container{
	width: 1000px;
	height:169px;
	margin: 0 auto;
	position: relative;
	background:url(../images/bg-banner.gif);
}
#root-nav {
	height: 31px;
	position:absolute;
	bottom:5px;
	left:25px;
}
#root-nav ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#root-nav li{
	float: left;
  	margin: 0px 1px 0px 0px; 
	padding: 0px 0px 0px 0px;
	position: relative;
}

#root-nav li a{
	float: left;
	color: #fff;
	padding: 7px 38px 0px 37px;
	text-decoration:none;
	text-align:center;
	height:24px;
}
#root-nav li.red.last a {
	padding-right: 29px;
}
#root-nav ul li a:hover{
	color: #fff;
	background:#00202f;
}
#root-nav li a:visited{
	color: #fff;
}
#root-nav li.active a, #root-nav li.active a:link {
	color: #fff;
}
#root-nav li.red a { 
	padding-right: 31px;
}
#root-nav ul li.home{
	background:url(../images/tab-home.gif); background-repeat:no-repeat;
	width:39px;
	height:31px;
	left:0px;
	
}
#root-nav ul li.home a:link, #root-nav ul li.home a:visited {
	background:url(../images/tab-home.gif); background-repeat:no-repeat;
	width:39px;
	height:31px;
}
#root-nav ul li.home a:hover{
	background:url(../images/tab-home-roll.gif); background-repeat:no-repeat;
}
#root-nav ul li.home a span {
	display: none;
}
	/* Sub levels of UL */
	#root-nav ul ul {
		display: none;
		position: absolute;
		top: 31px;
		z-index: 100000;
		left: -1px;
	}
	#root-nav ul .last ul {
		left: auto;
		right: 0;
	}
	#root-nav ul ul li {
		display: block;
		padding: 0;
		margin: 0;
		float: none;
		margin-right: 1px;
		width: auto;
	}
	#root-nav ul ul li a {
		display: block;
		padding: 4px 8px 4px 31px;
		height: 24px;
		line-height: 24px;
		margin: 0;
		border: 1px solid #fff;
		border-width: 1px 1px 0;
		text-align: left;
		width: 180px;
	}
	#root-nav ul ul li.last a {
		border-width: 1px;
	}
	
	#root-nav ul li ul li a { background:#00202f; }
	
	#root-nav ul li.orange ul li, #root-nav li.orange ul li a:link { background-color:#f48207;	}
	#root-nav ul li.fix ul li a:hover { background-color:#f48207; }
	#root-nav ul li.green ul li a:hover { background-color:#63a434; }
	#root-nav ul li.pink ul li a:hover { background-color:#da4ba7; }
	#root-nav ul li.purple ul li a:hover { background-color:#675caa; }
	#root-nav ul li.teal ul li a:hover { background-color:#38b79e; }
	#root-nav ul li.red ul li a:hover { background-color:#da131f; }
	#root-nav ul li.lightblue ul li a:hover { background-color:#89c6c1; }
	#root-nav ul li.grey ul li a:hover { background-color: #89c6c1; }
	#root-nav ul li ul li.active a:hover { background-color:#00202f; }
	
		/* For testing full-colour sub menus*/
	#root-nav ul li.orange ul li, #root-nav li.orange ul li a:link { background-color:#f48207;	}
	#root-nav ul li.fix ul li a { background-color:#f48207; }
	#root-nav ul li.green ul li a { background-color:#63a434; }
	#root-nav ul li.pink ul li a { background-color:#da4ba7; }
	#root-nav ul li.purple ul li a { background-color:#675caa; }
	#root-nav ul li.teal ul li a { background-color:#38b79e; }
	#root-nav ul li.red ul li a { background-color:#da131f; }
	#root-nav ul li.lightblue ul li a { background-color:#89c6c1; }
	#root-nav ul li.grey ul li a { background-color: #89c6c1; }
	
	#root-nav ul li.fix ul li a:hover,
	#root-nav ul li.green ul li a:hover,
	#root-nav ul li.pink ul li a:hover,
	#root-nav ul li.purple ul li a:hover,
	#root-nav ul li.teal ul li a:hover,
	#root-nav ul li.red ul li a:hover,
	#root-nav ul li.lightblue ul li a:hover,
	#root-nav ul li.grey ul li a:hover,
	#root-nav ul li ul li.active a:hover  { background:#00202f; }

	/*#root-nav ul li ul li a:hover{ background:#00202f; }*/


#icon-container{
	width: 134px;
	height:44px;
	margin:8px 0px 0px 27px;
	float:left;
	
}

.login-link ul {
	padding: 0;
	margin:auto;
	list-style-type: none;
}
.login-link  li {
	
}
.login-link  a {
	height:35px;
	text-align:left;
	padding: 9px 10px 0px 45px;
	font-size:12px;
	font-weight:normal;
	color:#333;
	background-image:url(../images/icon-login.gif); background-repeat:no-repeat;
	display:block; 
} 
.login-link  a:link, .login-link  a:active, .login-link  a:visited {
	color: #333;
}
.login-link  a:hover {
	color: #999;
	text-decoration:none;		
}

#loginbox_header {	
	z-index: 99;
}
	#loginbox_header ul {
		padding: 0;
		margin:auto;
		list-style-type: none;
		position: relative;
	}
	
	#loginbox_header a#loginbutton,
	#loginbox_header #wlpeUserForm ul li,
	#loginbox_header #wlpeUserForm ul li.client-status-message a {
		height:35px;
		text-align:left;
		padding: 9px 10px 0px 45px;
		font-size:12px;
		font-weight:normal;
		color:#333;
		background-image:url(../images/icon-login.gif); background-repeat:no-repeat;
		display:block;
	}
	
	
	#loginbox_header a#loginbutton:link { color: #333; }
	#loginbox_header a#loginbutton:hover { color: #999; text-decoration:none; }
	#loginbox_header a#loginbutton.active {  }

	#loginbox_header #wlpeUserForm ul {
		height: 44px;
	}
	#loginbox_header #wlpeUserForm ul li {
		position: absolute;
		top: 0; left: 0;
		width: 250px;
	}
		#loginbox_header #wlpeUserForm ul li.client-status-message {
			background-image:url(../images/login-active.gif); background-repeat:no-repeat;
			padding: 9px 0 0;
			width: 260px;
		}
		#loginbox_header #wlpeUserForm ul li.client-status-message a {
			background-image: none;
			width: auto;
			display:inline;
		}
	
	#userhomepagelink {
		display: block;
		width: 223px;
		height: 30px;
		background: red;
		z-index: 98;
	}

	#login_form {
		display: none;
		position: absolute;
		left: 0;
		width: 309px;
		height: auto;
		z-index: 100;
	}
	#onPageLogin #login_form {
		display: block;
		position: relative;
		left: auto;
	}
					
					/* Feedback message */
					.wlpeMessage { 
						background:#EA7180 none repeat scroll 0 0;
						left:25px;
						padding:10px;
						position:absolute;
						top:181px;
						width:269px;
					}
					.wlpeMessage p { text-align: center; color: #FFF; margin-bottom: 0;}
								
								/* Unchecked */
			
								#wlpeReminderButton { float: left; border: none; background: none; color: #FFBA6A; font-size: 0.9em; padding-top: 9px;}
								#wlpeReminderButton:hover { text-decoration: underline; }


	/* FROM HERE IS NEW */
	
	#wlpeLogin, #wlpeReset, #wlpeActivate {
		width: 279px;
		height: 223px;
		border: 5px solid #dbdbdb;
		background: #00202f url(../images/fade-to-blue.gif) no-repeat left bottom;
		padding: 0;
		font-size:11px;
		margin: 20px 0 0 20px;
	}
	#wlpeLogin {
		height: 171px;
	}
	#wlpeReset, #wlpeActivate {
		position: absolute;
		left: 0;
		width: 248px;
		height: auto;
		z-index: 100;
		color: #fff;
		padding: 16px;
		margin: 0;
	}
	#wlpeReset h3 {}
	#wlpeReset p {}
					#wlpeResetButton, #wlpeResetCancelButton { margin-top: 1em; }
					#wlpeResetCancelButton { }
					#wlpeActivate p {
						font-size: 12px;
						margin: 1em 0;
					}
	#loginbox_header #wlpeLogin {
		margin: 0 0 0 25px;
	}
	#wlpeLoginForm {
		background: transparent url(../images/bg-client-login.gif) no-repeat left top;
		padding: 57px 8px 14px 8px;
	}
	#wlpeLoginForm fieldset {
		border: none;
	}
	#wlpeLoginForm fieldset, #wlpeLoginForm form, #wlpeLoginForm label, #wlpeLoginForm legend, #wlpeLoginForm input, #wlpeLoginForm textarea {
		display: block;
	}
	#wlpeLoginForm label {
		font-size: 12px;
		color: #fff;
	}
	#wlpeLoginForm  td {
		height: 30px;
	}
	#wlpeLoginForm  td .textfield {
		width: 176px;
	}
	/*#wlpeLogin input { padding: 4px; }
	#wlpeLoginForm input {
		width: 180px;
		margin-bottom: 5px;
	}
	#wlpeLogin input:focus { background-color: #C1E1EA; }*/
	#wlpeLoginButton, #wlpeResetButton, #wlpeResetCancelButton, #wlpeActivateButton {
		background: #89c6c1;
		border: none;
		color: #fff;
		font-weight: bold;
		padding: 4px 12px;
		margin-top: 10px;
		margin-right:20px;
		float: right;
		clear: right;
		cursor: pointer;
	}
	#wlpeLoginButton {
		margin: 0;
		float: none;
		clear: none;
		position: absolute;
		bottom: 5px;
		right: 0;
	}
	#wlpeResetCancelButton  {
		background: #dbdbdb;
	}
	#wlpeReminderButton {
		border: none;
		background: none;
		float: none;
		clear: none;
		margin: 0;
		color: #fff;
		font-size: 11px;
		padding: 0;
		position: absolute;
		right: 84px;
		bottom: 10px;
	}
	#wlpeLogoutButton { background: none; border: none; cursor: pointer; color: #333; padding: 0; margin: 0; }
	#wlpeLogoutButton:active, #wlpeLogoutButton:hover { border: none; padding: 0; margin: 0; }
	#wlpeLogoutButton.wlpeLogoutAlt { }



#icon-container-customer {
	width: 234px;
	height:44px;
	margin:8px 0px 0px 27px;
	float:left;
	position: relative;
}



.live-chat-link ul {
	padding: 0;
	margin:auto;
	list-style-type: none;	
}
.live-chat-link li {
	float:left;
	margin:0 auto;
}
.live-chat-link  a {
	height:35px;
	text-align:left;
	padding: 9px 20px 0px 40px;
	font-size:12px;
	font-weight:normal;
	color:#333;
	background-image:url(../images/icon-live-chat.gif); background-repeat:no-repeat;
	display:block; 
} 
.live-chat-link  a:link, .live-chat-link  a:active, .live-chat-link  a:visited {
	color: #333;
}
.live-chat-link  a:hover {
	color: #999;
	text-decoration:none;		
}

#tel-container{
	width: 320px;
	height:59px;
	margin:5px 0px 0px 503px;
	float:left;
	position: relative;
}

#tel-container-customer {
	width: 320px;
	height:59px;
	margin:5px 0px 0px 403px;
	float:left;
	position: relative;
}

#logo {
	width: 400px;
	height:58px;
	margin:6px 0px 0px -5px;
	position: relative;
}