html, body, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; }

body {
	background: #f6f6f6; 
	color: #959595;
	font: .75em Arial, Helvetica, sans-serif;
	text-align: center;
}

.clear { clear: both; }

p { margin-bottom: 1em; }

input, textarea, select { font-size: 100%; }

table.form {
	border-spacing: 0px;
	border: none;
	padding: 0px;
	margin-bottom: 1em;
}
	table.form th, table.form td {
	font-size: 12px;
	text-align: left;
	padding: 0px 5px 8px 0px;
	vertical-align: top;
}
	table.form th.right, table.form td.right { text-align: right; }
	table.form th { color: #373737; font-weight: normal; }
.headform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


/********* HEADINGS **********/

h2 {
	text-indent: -9999px;
}

.page1a h2 { width: 220px; height: 42px; }
	.page1a #h_expand { background: url('images/h-expand-1.gif') no-repeat; margin-bottom: 20px; }
	.page1a #h_infra { background: url('images/h-infra-1.gif') no-repeat; margin-bottom: 20px;  }
	.page1a #h_maximize { background: url('images/h-maximize-1.gif') no-repeat; margin-bottom: 20px;  }
	
.page2 #h_infra { width: 265px; height: 42px; background: url('images/h-infra-2.gif') no-repeat; margin-bottom: 20px; }
.page2 #h_expand { width: 181px; height: 35px; background: url('images/h-expand-2.gif') no-repeat; margin-bottom: 20px; }

.page3 #h_expand { width: 265px; height: 42px; background: url('images/h-expand-3.gif') no-repeat; margin-bottom: 20px; }
.page3 #h_maximize { width: 181px; height: 17px; background: url('images/h-maximize-3.gif') no-repeat; margin-bottom: 20px; }

/********* LAYOUT ***********/

#container {
	width: 824px;
	margin: 0px auto;
	text-align: center;
	background: #fff;
}

#flash {
	width: 824px;
	height: 371px;
}
	/*#flash img { display: block; }*/

#content {
	width: 746px;
	margin: 0px auto;
	border-top: solid 4px #FAA634;
	padding-top: 40px;
	text-align: left;
}

#content1, #content2, #content3 { float: left; }

/* 3 column layout used in 1a */

.content3col #content1 {
	width: 262px;
	padding-right: 40px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 222px;
}
	html>body .content3col #content1 { width: 222px; }

.content3col #content2 {
	width: 261px;
	padding-right: 40px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 221px;
}
	html>body .content3col #content2 { width: 221px; }

.content3col #content3 {
	width: 223px;
}

/* 2 column layout used in 2a, 2b */
.content2col {
	width: 746px;
	margin-bottom: 15px;
	background: url('images/content2colbg.gif') repeat-y;
}

.content2col #content1 {
	width: 502px;
	padding-right: 40px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 462px;
}
	html>body .content2col #content1 { width: 462px; }

.content2col #content2 {
	width: 236px;
	padding-left: 20px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 216px;
}
	html>body .content2col #content2 { width: 216px; }

/* callout */

#callout {
	height:64px;
	width:749px;
	background: url(images/callout.gif) no-repeat;
	margin-top:20px;
	clear:left;
	}
	
#callout a {
	color: #49166D;
	margin-top:17px;
	float:left;
	}
	
a.pdf {
	background: url(images/pdf.gif) no-repeat;
	height:26px;
	padding: 8px 0 8px 30px;
	}		

#h_callout { width: 500px; height: 30px; background: url(images/online-self-assessment.gif) no-repeat; margin: 18px 40px 0 50px; float:left; }


/* key benefits */

#keybenefits {
	clear: both;
	padding-top: 25px;
	border-top: solid 1px #e5e5e5;
}
	
	.page1a #keybenefits h2, 
	.page2 #keybenefits h2 {
		width: 228px;
		height: 190px;
		background: url('images/h-keybenefits-pig.gif') no-repeat;
		float: left;
	}

	.page3 #keybenefits h2 {
		width: 228px;
		height: 190px;
		background: url('images/h-keybenefits-monkey.gif') no-repeat;
		float: left;
	}


	#keybenefits .text {
		width: 483px;
		float: right;
	}
	
	#keybenefits strong { color: #373737; }
	
	#morebenefits { display: none; }
	
	#seeallbenefits a {
		display: block;
		width: 161px;
		height: 29px;
		background: url('images/b-seeallbenefits.gif') no-repeat;
		text-indent: -9999px;
	}
	
	#seefewerbenefits a {
		display: block;
		width: 183px;
		height: 29px;
		background: url('images/b-seefewerbenefits.gif') no-repeat;
		text-indent: -9999px;	
	}

/* learn more */

#learnmore {
	clear: both;
	padding: 25px 0px;
	border-top: solid 1px #e5e5e5; 
}
	#learnmore h2 {
		width: 228px;
		height: 25px;
		background: url('images/h-learnmore.gif') top right no-repeat;
		float: left;
	}

	#learnmore .text {
		width: 483px;
		float: right;
	}
	
	#learnmore strong { color: #373737; }
	
	#learnmore input.txt { width: 125px; }

/* next step */

#nextstep {
	clear: both;
	padding: 25px 0px;
	border-top: solid 1px #e5e5e5; 
}
	#nextstep h2 {
		width: 228px;
		height: 25px;
		background: url('images/h-nextstep.gif') top right no-repeat;
		float: left;
	}

		
	#nextstep strong { color: #373737; }
	
	#nextstep input.txt { width: 125px; }
	
	#nextstepchoose {
		height: 237px;
		width: 486px;
		float: right;
		background: url('images/nextstepbox.gif') no-repeat bottom left;
		margin-bottom: 20px;
	}
	
	.nextstepmenu {
		margin: 0px;
		padding: 0px; 
		list-style: none;
		position: absolute;
		top: 0px;
		left: 0px;
	}
		.nextstepmenu li { float: left; }
		.nextstepmenu a { 
			text-indent: -9999px; 
			background: url('images/nextstepmenu.gif') no-repeat;
		}
		
		.nextstepmenu-calltelus a {
			display: block;
			width: 93px;
			height: 35px;
			float: left;
			background-position: 0px -70px;
		}
		
		.nextstepmenu-callyou a {
			display: block;
			width: 110px;
			height: 35px;
			float: left;
			background-position: -93px -70px;
		}

		.nextstepmenu-ask a {
			display: block;
			width: 122px;
			height: 35px;
			float: left;
			background-position: -203px -70px;
		}

		.nextstepmenu-assess a {
			display: block;
			width: 161px;
			height: 35px;
			float: left;
			background-position: -325px -70px;
		}

		.nextstepmenu-calltelus a:hover {
			background-position: 0px -35px;
		}
		
		.nextstepmenu-callyou a:hover {
			background-position: -93px -35px;
		}

		.nextstepmenu-ask a:hover {
			background-position: -203px -35px;
		}

		.nextstepmenu-assess a:hover {
			background-position: -325px -35px;
		}

	#nextstepchoose-calltelus {
		position: relative;
		background: url('images/nextstepbox-calltelusbg.gif') no-repeat 334px 50px;
		height: 237px;
		width: 486px;
	}

		#nextstepchoose-calltelus .nextstepmenu-calltelus a { 
			width: 94px;
			background-position: 0px 0px; 
		}
			
		#nextstepchoose-calltelus .nextstepmenu-callyou a {
			width: 109px;
			background-position: -94px -70px;
		}
		#nextstepchoose-calltelus .nextstepmenu-callyou a:hover {
			width: 109px;
			background-position: -94px -35px;
		}

		#nextstepchoose-calltelus .text {
			clear: both;
			width: 328px;
			position: absolute;
			left: 29px;
			top: 65px;
		}
		
		#nextstepbox-calltelus-no {
			width: 160px;
			height: 44px;
			background: url('images/nextstepbox-calltelus-no.gif') no-repeat;
			text-indent: -9999px;
			margin-bottom: 20px;
		}

	#nextstepchoose-callyou {
		position: relative;
		height: 237px;
		width: 486px;
	}
		#nextstepchoose-callyou .nextstepmenu-callyou a {
			background-position: -94px -0px;
		}
		#nextstepchoose-callyou .nextstepmenu-ask a {
			background-position: -204px -70px;			
		}
		#nextstepchoose-callyou .nextstepmenu-ask a:hover {
			background-position: -204px -35px;			
		}
		
		#nextstepchoose-callyou .text {
			clear: both;
			width: 445px;
			position: absolute;
			left: 20px;
			top: 50px;
		}

	#nextstepchoose-ask {
		position: relative;
		height: 237px;
		width: 486px;
	}
		#nextstepchoose-ask .nextstepmenu-ask a {
			background-position: -203px -0px;			
		}
		
		#nextstepchoose-ask .text {
			clear: both;
			width: 445px;
			position: absolute;
			left: 20px;
			top: 50px;
		}

	#nextstepchoose-assess {
		position: relative;
		height: 237px;
		width: 486px;
	}
		#nextstepchoose-assess .nextstepmenu-assess a { 
			background-position: -324px 0px;
			width: 162px;
		}			
		#nextstepchoose-assess .nextstepmenu-ask a {
			width: 121px;
			background-position: -203px -70px;
		}
		#nextstepchoose-assess .nextstepmenu-ask a:hover {
			background-position: -203px -35px;
		}
		
		#nextstepchoose-assess .text {
			clear: both;
			width: 445px;
			position: absolute;
			left: 20px;
			top: 50px;
			background: url(images/frog01.jpg) top right no-repeat;
		}
	
/* you might */

#youmight {
	clear: both;
	padding: 10px 0px 20px 0px;
	border-top: solid 1px #e5e5e5; 
}
	#youmight h2 {
		width: 310px;
		height: 30px;
		background: url('images/h-youmight.gif') no-repeat;
		float: none;
		margin-bottom: 25px;
	}
	
	#youmight a { color: #676767; text-decoration: none; }
	#youmight a:hover, #youmight a:focus { text-decoration: underline; }

	#youmight_columns {
		width: 737px;
		background: url('images/youmight-columns.gif') repeat-y;
	}
	
	#youmight1 {
		width: 262px;
		float: left;
		padding-right: 45px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 217px;
	}
		html>body #youmight1 { width: 217px; }
	
	#youmight2 {
		width: 275px;
		float: left;
		padding: 0px 85px 0px 20px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 170px;
	}
		html>body #youmight2 { width: 170px; }
	
	#youmight3 {
		width: 200px;
		float: left;
		padding-left: 20px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 180px;
	}
		html>body #youmight3 { width: 180px; }
	
/* footer */

#footer { 
	color: #c4c4c4; 
	font-size: 90%; 
	padding-bottom: 50px;
}
#footer a { color: #c4c4c4; text-decoration: none; }
#footer a:hover, #footer a:focus { text-decoration: underline; }

	

	
#replaybutton {
	text-align: left;
	padding-left: 40px;
	/*padding-top: 30px;*/
	
}
#thankyoumessage {
	text-align: center;
	padding: 21px;
	/*border: 1px solid #66cc00;*/
	margin-top: -30px;
	margin-bottom: 14px;
	background-image: url(images/thanksbg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#thankyoumessage h1 {
	margin-bottom: 8px;
	margin-top:: 0px;
}
#thankyoumessage p {
	padding: 0px;
	margin-bottom: 0px;
}

.headformalign {
	margin-left: 40px;
	text-align: left;
	
}
.headformalign2 {
	margin-left: 0px;
	text-align: left;
	
}
input {
	font: 12px Arial, Helvetica, sans-serif;
	}


#form_messages	{
	padding: 0px 0px 20px 20px;
	margin-top: -40px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999;
	text-align: left;
	float: right;
	width: 464px;
	display:none;
	border-right: 1px #66CC33 solid;	
	border-left: 1px #66CC33 solid;
	border-bottom: 1px #66CC33 solid;
	background: #FFF;
	}
	
	/*Lists*/
ul, .box2Inner ul.list {list-style: none; margin:0; padding: 3px 10px 8px;}
#vertical .box2Inner ul {padding: 3px 4px 8px 0px !important;}
ul li, .box2Inner ul.list li, #vertical .box2Inner ul li {background: url(images/bullet.gif) no-repeat 0 4px; padding: 0 0 2px 16px; margin:0;}
.box2Inner ul, .box2Innersm ul, .box2InnerG ul {list-style: none; margin:0; padding: 3px 10px 8px 0;}
.box2Inner ul.float li, .box2InnerG ul.float li {width:44%; float:left;}
.box2Inner ul li, .box2Innersm ul li, .box2InnerG ul li {background: none; padding-left: 0;}
.box2InnerG ul.nofloat li {background: none; padding-left: 0; clear: both;}
/*.column1 .side1 .inner ul {list-style: none; margin:0; padding: 3px 0px 4px 9px;}
.column1 .side1 .inner ul li {background: none; width:43%; float:left; padding: 0;}*/
.column1 .side1 .inner ul {list-style: none; margin:0; padding: 3px 0px 0 9px;}
.column1 .side1 .inner ul li {background: none; padding: 1px 0;}
.box2Inner ul.list li a {background: none; padding: 0; display: inline;}
.box2Inner ul li a, .box2Innersm ul li a, .box2InnerG ul li a, dt a {background: url(images/bulletInfo.gif) no-repeat 0 4px; padding: 0 0 2px 14px; display: block;}
.box2InnerG ul.nofloat li a {background: url(images/bulletInfo.gif) no-repeat 0 4px; padding: 0 0 2px 14px; display: block; float: left;}
#vertical .box2Inner ul li a {background: none; padding: 0;}
#whyTelus .box2InnerG ul li {background: url(images/bullet.gif) no-repeat 0 4px; padding: 0 0 2px 14px; margin:0;}
#whyTelus .box2InnerG ul li a {background: none; padding: 0;display:inline;}