/***********************************************************
components_misc.css
**********************************************************/
	#mainContentTop .colA {
		float: left;
		width: 52.8em;
		min-height: 10.0em;
		height: auto;
		_height: 10.0em;
		margin: 0 3.8em 0 0;
	}
		#mainContentTop .colA p { margin: 0 0 1.0em 0; }
	#mainContentTop .colB {
		float: left;
		width: 15.0em;
		min-height: 6.3em;
		height: auto;
		_height: 6.3em;
		padding: .8em 0 1.0em 1.8em;
		border-left: 1px solid #e5e5e5;
	}
	
#mainContent #mainContentWrap ul.common li,
#lightbox #lbContent ul.common li {
	font-size: 1.2em;
	color: #4f4f4f;
	background: url(/images/bullet/bullet_disc_black.gif) no-repeat 0 .35em;
	padding: 0 0 0 .85em;
	margin: 0 0 .6em 0;
}
#mainContent #mainContentWrap ol.common li,
#lightbox #lbContent ol.common li {
	font-size: 1.2em;
	color: #4f4f4f;
	list-style: decimal;
	margin: 0 0 .2em 1.5em;
	*margin: 0 0 .2em 1.9em;
	line-height: 1.4em;
}
	
/*  #tabs
**********************************************************/
#mainContent #tabs {
	position: absolute;
	bottom: 0;
	left: .5em;
}
	#mainContent #tabs ul {}
		#mainContent #tabs ul li {
			float: left;
			background: url(/images/bg/bg_tab_left.gif) no-repeat left bottom;
			height: 45px;
			padding: 0 0 0 1.4em;
			font-weight: bold;
			font-size: 1.1em;
		}
		#mainContent #tabs.large ul li { 
			font-size: 1.2em; 
			padding-left: 1.0em;
		}
			#mainContent #tabs ul li a {
				background: url(/images/bg/bg_tab_right.gif) no-repeat right bottom;
				display: block;
				color: #666;
				float: left;
				padding: 1.85em 1.03em 1.1em 0;
				text-align: center;
			}
			#mainContent #tabs.large ul li a { 
				padding: 1.75em 1.0em .85em 0; 
				width: 165px;
				*width: 164px;
				_width: 156px;
			}
			#mainContent #tabs ul li a:hover {
				text-decoration: none;
				color: #333;
			}
			#mainContent #tabs ul li.active { background-position: left top; }
				#mainContent #tabs ul li.active a ,
				#mainContent #tabs ul li.active a:hover { 
					background-position: right top; 
					color: #663399;
				}
		
/*  .dataAddress
**********************************************************/
#mainContent #mainContentWrap .dataAddress address,
#lightbox #lbContent .dataAddress address {
	display: block;
	font-size: 1.1em;
	color: #797c80;
	line-height: 1.6em;
	font-weight: normal;
}
	#mainContent #mainContentWrap .dataAddress address em,
	#lightbox #lbContent .dataAddress address em {
		color: #333;
		font-style: normal;
	}
	#mainContent #mainContentWrap .dataAddress address a,
	#lightbox #lbContent .dataAddress address a {
		display: block;
		margin: .8em 0 0 0;
	}
	#mainContent #mainContentWrap .dataAddress  img,
	#lightbox #lbContent .dataAddress  img {
		border: 2px solid #c2c2c2;
		float: right;
	}				
	
	 
/* .dataBlock (used in checkout funnel)
**********************************************************/
#mainContent .dataBlock {
	border-bottom: 2px solid #999;
	padding: 0 0 2.3em 0;
	margin: 0 0 2.3em 0;
}
#mainContent .dataBlock.lead {
	margin: 0;
}
#mainContent .dataBlock.alt { 
	border-color: #e2e2e2; 
}
#mainContent .dataBlock.step { 
	padding: 0 0 0 1.5em; 
	margin: 0;
	background: url(/images/bg/bg_datablock_step.gif) no-repeat left top;
}
#mainContent .dataBlock.last { border-bottom: 0; }
				
/*  #contentInfo
**********************************************************/
#mainContent #contentInfo {}	
	#mainContent #contentInfo .dataBlock { 
		margin: 0 0 3.5em 0; 
		border-bottom: 0;
	}
	#mainContent #contentInfo .dataBlock.last { 
		margin: 0; 
		border-top: 1px solid #dfe7e7;
		padding: 2.5em 0 0 0;
	}
	#mainContent #contentInfo .dataBlock p { margin: 0 2.0em 0 0; }
		#mainContent #contentInfo .dataBlock p em {
			color: #333;
			font-style: normal;
		}
		#mainContent #contentInfo .dataBlock p span { color: #797C80; }
	#mainContent #contentInfo .head {
		border-bottom: 2px solid #cfcfcf;
		padding: 0 0 1.0em 0;
		margin: 0 0 2.0em 0;
	}
		#mainContent #contentInfo .head  h3 {
			color: #333;
			font-size: 1.5em;
			font-weight: bold;
			float: left;
		}
			#mainContent #contentInfo  .utility {
				float: right;
			}	
				#mainContent #contentInfo .utility a { 
					margin: 0 0 0 1.5em; 
					float: left;
					font-size: 1.1em;
					line-height: 1.5em;
					height: 20px;
					display: block;
				}
				#mainContent #contentInfo .utility a.btn {
					width: 10.4em;
					margin-top: -.5em;
					display: block;
					line-height: 1.9em;
					position: relative;
				}
					
					#mainContent #contentInfo  .utility a.btn strong { font-size: 1.4em; }
	#mainContent #contentInfo .dataAddress {
		border-bottom: 1px solid #dde9f5;
		margin: 0 0 2.2em 0;
		padding: 0 0 2.2em 0;
	}
	#mainContent #contentInfo .dataAddress.last { border-bottom: 0; }
	
/*  contentSortBy
**********************************************************/
#mainContent .contentSortBy {}
	#mainContent .contentSortBy label {
		color: #666;
		font-weight: bold;
		float: left;
		margin: .4em .8em 0 0;
		font-size: 1.2em;
	}
	#mainContent .contentSortBy select,
	#mainContent .contentSortBy .menuDrop,
	#mainContent .contentSortBy .menuDropSmall {
		float: left;
	}
	
/*  #formEventReg
**********************************************************/
#mainContent #formEventReg {}
	#mainContent #mainContentWrap #formEventReg .btn {
		display: block;
		float: left;
		width: 12.5em;
		font-size: 1.2em;
		line-height: 1.6em;
		margin: 0 0 .3em 0;
	}
		#content #mainContent #mainContentWrap #formEventReg h3 {
			font-size: 1.5em;
			font-weight: normal;
			margin: 0 0 .9em 0;
			color: #003a57;
		}
		#content #mainContent #mainContentWrap #formEventReg small { 
			font-weight: normal;
			font-size: 1.1em;
		}
		#mainContent #formEventReg fieldset.common { border-top: 2px solid #d4e0e8; position: static; }
			#mainContent #formEventReg fieldset.common fieldset {  position: static; }
			#mainContent #formEventReg fieldset.common .submit { padding: .7em 0; }
				#mainContent #formEventReg fieldset.common  p { 
					font-weight: normal;
					padding: 0 0 2.3em 0;
				}
		#mainContent #formEventReg .colA,
		#mainContent #formEventReg .colB {
			font-size: .9em;
			float: left;
			padding: 1.0em 0 0 0;
		}
		#mainContent #formEventReg .colA { 
			width: 19em;
			_width: 18em;
		}
		#mainContent #formEventReg .colB {
			width: 32.2em;
			_width: 30.2em;
			border-left: 1px solid #d4e0e8;
		}
			#mainContent #formEventReg .colB fieldset { padding: 0 0 0 1.5em; }
		#mainContent #formEventReg .field {
			float: left;
			width: 15.2em;
			_width: 14.2em;
			padding: 0 0 1.0em 0;
		}
		#mainContent #formEventReg .field.wide { width: auto; }
			#mainContent #formEventReg .field.phone div span {
				float: left;
				font-size: 1.3em;
				color: #252525;
				font-weight: normal;
				margin: 0 .4em 0 0;
				line-height: 1.6em;
			}
			#mainContent #formEventReg .field .text { width: 12.0em; _width: 11.0em; }
			#mainContent #formEventReg .field select { width: 12.0em; }
			#mainContent #formEventReg .field.phone div .text { float: left; }
			#mainContent #formEventReg .field.phone div .text.dig3 {
				width: 3.2em;
				margin: 0 .4em 0 0;
			}
			#mainContent #formEventReg .field.phone div .text.dig4 { width: 4.4em; }
			#mainContent #formEventReg .field.zip {}
				#mainContent #formEventReg .field.zip .text {
					float: left;
					width: 5.5em;
					margin: 0 .7em 0 0;
				}
				#mainContent #formEventReg .field.zip div .opt {
					float: left;
					margin: 0 .7em 0 0;
				}
				#mainContent #formEventReg .field.zip div label {
					float: left;
					font-weight: normal;
					color: #797c80;
					font-size: 1.1em;
					line-height: 1.3em;
					width: 17.0em;
				}
			#mainContent #formEventReg .field.date { position: relative; }
				#mainContent #formEventReg .field.date .cal { 
					margin: -15.0em 0 0 -4.0em;
				}
				#mainContent #formEventReg .field.date .text {
					width: 6.5em;
					vertical-align: middle;
					margin: 0 .5em 0 0;
				}
				#mainContent #formEventReg .field.date img {
					display: inline;
					vertical-align: middle;
				}
			#mainContent #formEventReg .field.year {}
				#mainContent #formEventReg .field.year select { width: 7.6em; }
			
/*  .systemMsg
**********************************************************/	
#mainContent .systemMsg,
#lightbox .systemMsg {
	background: #f9ffbc url(/images/icon/icon_alert.gif) no-repeat 1.8em 1.4em;
	border: 3px solid #ff0000;
	padding: 1.1em 1.5em .6em 6.5em;
	margin: 0 0 1.3em 0;
}
#mainContent .overlay .systemMsg,
#lightbox #lbContent .overlay .systemMsg { 
	border: 0; 
	background-image: url(/images/icon/icon_alert_small.gif);
	background-position: 1.6em 1.1em;
	padding-left: 4.5em;
}
	#content #mainContent #mainContentWrap .systemMsg h3,
	#lightbox #lbContent .systemMsg h3 {
		font-weight: bold;
		color: #cc0000;
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 .4em 0;
	}
	#mainContent .systemMsg ul,
	#lightbox #lbContent .systemMsg ul { padding: 0 0 0 .8em; }
		#mainContent .systemMsg ul li,
		#lightbox #lbContent .systemMsg ul li {
			font-size: 1.2em;
			color: #cc0000;
			background: url(/images/bullet/bullet_disc_red.gif) no-repeat 0 .35em;
			padding: 0 0 0 1.0em;
			margin: 0 0 .4em 0;
			list-style: none;
		}
		
/*  #contentUpsell
**********************************************************/
#mainContent #contentUpsell {}
	#mainContent #contentUpsell h3 {
		font-size: 1.4em;
		font-weight: bold;
		color: #252525;
		margin: 0 0 1.4em 0;
	}
	#mainContent #contentUpsell p {
		font-size: 1.1em;
		margin: 0 0 .4em 0;
	}
	#mainContent #contentUpsell .btn {
		font-size: 1.1em;
		line-height: 1.3em;
		width: 8.0em;
		margin: .8em 0 0 0;
	}
	#mainContent #contentUpsell p strong { color: #333; }
		#mainContent #contentUpsell .col {
			float: left;
			border-right: 1px solid #e5e5e5;
			width: 35.0em;
			padding: 0 1.6em 0 0;
			margin: 0 1.6em 0 0;
		}
			#mainContent #contentUpsell .col .product { 
				float: left;
				width: 8.1em;
				margin: 0 2.2em 0 0;
			}
			#mainContent #contentUpsell .col .info { 
				float: left;
				width: 24.0em;
			}
		#mainContent #contentUpsell .col.last { 
			border-right: 0;
			margin: 0;
			width: 26.0em;
		}
		#mainContent #contentUpsell .col ul {}
			#mainContent #contentUpsell .col ul li { margin: 0 0 1.5em 0; }
			
/* .formPersInfo
**********************************************************/
#mainContent .dataBlock  .formPersInfo { _width: 51.2em; }
	#mainContent .dataBlock #shipAddress {
		*float: left;
		*position: relative;
	}
	#mainContent .dataBlock  .formPersInfo fieldset.common { }
#mainContent .dataBlock  .formPersInfo .field {
	float: left;
	width: 23.8em;
	padding: 0 0 1.0em 0;
}

#mainContent .dataBlock .formPersInfo .field.wide,
#mainContent .dataBlock .formPersInfo  .field.email,
#mainContent .dataBlock .formPersInfo  .field.options,
#mainContent .dataBlock .formPersInfo   .field.shipping,
#mainContent .dataBlock .formPersInfo   .field.zip { 
	width: auto; 
	float: none;
}
#mainContent .dataBlock .formPersInfo  .field .text { 
	width: 16.7em;
	font-size: 1.2em; 
}
#content #mainContent .dataBlock .formPersInfo  textarea.text { 
	width: 33.0em;
	height: 6.5em;
}
#mainContent .dataBlock .formPersInfo .field select { 
	font-size: 1.2em; 
	width: 91.5%; 
}
#mainContent .dataBlock  .formPersInfo .field.wide .text { width: 36.6em; }
#mainContent .dataBlock .formPersInfo .field.phone .text.digit3 { width: 3.0em; }
#mainContent .dataBlock .formPersInfo .field.phone .text.digit4 { width: 4.5em; }
#mainContent .dataBlock .formPersInfo .field.phone div span { 
	float: left; 
	font-size: 1.2em;
	color: #252525;
	line-height: 1.9em;
	width: .9em;
}
#mainContent .dataBlock .formPersInfo  .field.phone div .text { 
	float: left; 
	margin: 0 .4em 0 0;
}
#mainContent .dataBlock .formPersInfo  .field.narrow { 
	width: 12.2em; 
	position: relative; 
}
	#mainContent .dataBlock .formPersInfo .field.narrow .text { 
		width: 6.8em; 
		_width: 6.0em;
		vertical-align: middle;
	}
	#mainContent .dataBlock .formPersInfo  .field.narrow img { 
		position: absolute;
		right: 0;
		top: 0;
		margin: 2.8em 0 0 0;
	}
	#mainContent .dataBlock .formPersInfo  .field small {
		color: #979797;
		font-size: 1.1em; 
	}	
	#mainContent .dataBlock .formPersInfo  .field.email .text { margin: 0 .8em 0 0; }
	#mainContent .dataBlock .formPersInfo .field.zip .text { 
		width: 8em; 
		float: left;
		margin: 0 1.0em 0 0;
	}
	#mainContent .dataBlock .formPersInfo .field.zip .opt { 
		float: left; 
		margin: .6em .5em 0 0;
	}
	#mainContent .dataBlock  .formPersInfo .field.zip div label {
		font-size: 1.2em;
		font-weight: normal;
		color: #252525;
		float: left;
		margin: .4em 0 0 0;
	 }
	 
/*  ul.checks
**********************************************************/
#content ul.checks {}
	#content ul.checks li {
		background: url(/images/icon/icon_check.gif) no-repeat 0 .2em;
		color: #636363;
		font-size: 1.2em;
		padding: 0 0 0 1.4em;
		margin: 0 0 .4em 0;
		line-height: 1.45em;
	}

	 
/* Our Guarantees (compare page) & Course Features */
#mainContent .our_guarantees {
	border-bottom: 2px solid #e7e7e7;
	padding-bottom: 2em;
	margin-bottom: 1.5em;
}
	#mainContent .our_guarantees h2 {
		color: #442e7b;
		font-size: 1.6em;
		font-weight: bold;
		background: #e9e5f0 url(/images/bg/bg_compare_h2.png) bottom repeat-x;
		line-height: 2.5em;
		padding-left: 18px;
		margin-bottom: 1em;
	}
	#mainContent .our_guarantees p {
		padding-left: 18px;
		margin-bottom: 1em;
	}
	#mainContent .our_guarantees ul {
	
	}
		#mainContent .our_guarantees ul li {
			display: block;
			float: left;
			width: 33%;
		}
			#mainContent .our_guarantees ul li strong {
				display: block;
				padding-left: 18px;
				margin-bottom: 0.6em;
				color: #333;
				font-size: 1.3em;
			}
			#mainContent .our_guarantees ul li p {
				padding: 0 18px;
				color: #666;
				font-size: 1.2em;
				margin-bottom: 0;
			}
#mainContent .course_features {
	margin-bottom: 1.5em;
}
	#mainContent .course_features .colA {
		float: left;
		width: 49%;
	}
	#mainContent .course_features .colB {
		float: left;
		width: 50%;
	}
	#mainContent .course_features h2 {
		color: #442e7b;
		font-size: 1.6em;
		font-weight: bold;
		padding-left: 18px;
		margin-bottom: 0.5em;
	}
	#mainContent .course_features ul {
		padding-left: 18px;
	}
		#mainContent .course_features ul li {
			padding-right: 18px;
		}	
#mainContent #mainContentWrap p.disclaimer {
	font-size: 1.1em;
	width: 60em;
	color: #666;
	margin-bottom: 0.5em;
	padding-left: 18px;
}
	 


