/* generic containers/layout panels for consumer site 
  	such as: feature lists, viewSwitchers etc.
	All styles in this file are generic - custome styles for individual pages are in pageLayout.css
*/

.content {
	overflow:hidden;
}
.base {
	width:100%;
	display:block;
}

/* titlePanel 
	- used as first panel on a content page
	- max height for content (.content) is 550px */
.titlePanel {
	width:760px;
	padding-top:27px;
	background:transparent url(/images/static/panels/titlePanel-top.png) top left no-repeat;
	
}
	.titlePanel .content {
		width:703px;
		padding:0px 28px;
		min-height:215px;
		background:transparent url(/images/static/panels/titlePanel-content.png) top left no-repeat;
		color:#FFF; 
	}
	 .titlePanel .content h3 {
		color:#FFF;
		margin:0px 0px 4px 0px;
	}
	
	.titlePanel .base {
		height:31px;
		background:transparent url(/images/static/panels/titlePanel-base.png) top left no-repeat;	
	}
	
.titlePanel .content .descr {
	float:			left;
	width:			430px;}
.titlePanel .content .quotePanel {
	float:			right;
	width:			255px;}
.titlePanel .content .quote {
	background:		transparent url(/images/static/panels/quote-content.png) no-repeat top left;
	min-height:		230px;
	padding:		10px 10px 0px 10px;}
.titlePanel .content .quoteBase {
	background:		transparent url(/images/static/panels/quote-base.png) no-repeat top left;
	height:			10px;
	margin-bottom:	5px;}
.titlePanel .content .quote p {
	font-weight:	bold;
	padding:		0px 15px;
	text-align:		center;}
.titlePanel .content .quoteStart, .titlePanel .content .quoteEnd  {
	background:		transparent url(/images/static/backgrounds/quote-start.png) no-repeat top left;
	height:			28px;
	margin-bottom:	10px;
	width:			32px;}
.titlePanel .content .quoteEnd {
	background:		transparent url(/images/static/backgrounds/quote-end.png) no-repeat top left;
	float:			right;
	margin-bottom:	0;}
.titlePanel .content .quotePanel dl.author {
	color:			#e1e1e1;
	text-align:		right;}
.titlePanel .content a.callOut {
	display:		block;
	margin:			5px 0px;}


 .titlePanel .title {
	color:#FFF;
	font-size:2.4em;
	padding:0px;
	margin:0px 0px 0px 0px;
}
 .titlePanel .standout {
	color:#FFF;
	font-size:2em;
	font-weight:normal;
	padding:0px;
	margin:0px 0px 10px 0px;
}

.titlePanel .wideCol {
	width:440px;
	float:left;
}
.titlePanel .narrowCol {
	width:255px;
	margin-right:0px;
	float:right;
}
.titlePanel .equalCol {
	width:346px;
}

.titlePanel .iconImage {
	margin:0 auto;
	display:block;
}

.titlePanel .videoCol {
	width:464px;
	float:left;
}
.titlePanel .videoColText {
	width:224px;
	margin-right:0px;
	float:right;
}

/* mainPanels
	- most page content goes into these and comes in several flavours, all with same padding for a consistent look
	full - spans full width of main column
	half - spans half width - 2 can be floated together
	wide - slightly wider than half - float with narrow to create large and small columns
	narrow - slightly narrower than half - float with wide to create large and small columns
*/

/* --- full width of page (968px) --- */
.mainPanelFullWidth {
	width:968px;
	padding-top:17px;
	background:transparent url(/images/static/panels/mainPanelFullWidth-top.png) top left no-repeat;
}
.mainPanelFullWidth .content {
	width:930px;
	padding:0px 19px;
	background:transparent url(/images/static/panels/mainPanelFullWidth-content.png) top left repeat-y;	
}
.mainPanelFullWidth .base {
	height:21px;
	background:transparent url(/images/static/panels/mainPanelFullWidth-base.png) top left no-repeat;	
}
/* inner column divs */
.mainPanelFullWidth .col-single {
	float:			left;
	width:			296px;
	margin-right:	21px;
}
.mainPanelFullWidth .col-2-span {
	float:			left;
	width:			613px;
	margin-right:	21px;
}
.mainPanelFullWidth .col-3-span {
	float:			left;
	width:			930px;
	margin-right:	0px;
}
.mainPanelFullWidth .end {
	margin-right:	0px;
}
.mainPanelFullWidth .equalCol {
	width:			455px;
}

.mainPanelFullWidth .unequalColSmall {
	width:208px; /* 4px each side for shadows */
}
.mainPanelFullWidth .unequalColWide {
	width:710px;
}

.mainPanelFullWidth .unequalAltColSmall {
	width:340px;
}
.mainPanelFullWidth .unequalAltColWide {
	width:570px;
}
	
/* --- Full width of content area --- */
.mainPanelFull {
	width:760px;
	padding-top:17px;
	background:transparent url(/images/static/panels/mainPanelFull-top.png) top left no-repeat;
}
.mainPanelFull .content {
	width:722px;
	padding:0px 19px;
	background:transparent url(/images/static/panels/mainPanelFull-content.png) top left repeat-y;	
}
.mainPanelFull .base {
	height:21px;
	background:transparent url(/images/static/panels/mainPanelFull-base.png) top left no-repeat;	
}
/* -- inner column divs -- */
.mainPanelFull .content .fullWidthCol {
	width:			722px;
	margin-bottom:	10px;
}
.mainPanelFull .content .equalCol {
	width:			350px;
	margin-bottom:	10px;
}
.mainPanelFull .content .wideCol {
	width:			450px;
	margin-bottom:	10px;
}
.mainPanelFull .content .narrowCol {
	width:			250px;
	margin-bottom:	10px;
}		
.mainPanelFull .sideImageCol {
	width:			449px;
	padding-right:	273px;
	margin-bottom:	10px;
}
.mainPanelFull .videoSideCol {
	width:			245px;
	margin-bottom:	10px;
}

/* default form styling */	
.mainPanelFull input, .mainPanelFull textarea {
	width:			300px;
	margin:			5px 0 10px 0;
	}
.mainPanelFull input.error, 
.mainPanelFull textarea.error {
	width:			300px;
	margin:			5px 0 10px 0;
	padding:		2px;
	border:			1px solid #CC0000;
	}
.mainPanelFull label {display:block;}
.mainPanelFull label.error {
	color:			#CC0000;	
}
.mainPanelFull .floatedForms {
	float:			left;
	width:			100%;
}
.mainPanelFull .tickbox,
.mainPanelFull .tickbox.error {
	width:			10px;
	margin:			0px 10px 10px 0;
	padding:		0px;	
	}
.mainPanelFull .tickboxLabel,
.mainPanelFull .tickbox {
	display:		block;
	float:			left;
}
.mainPanelFull .button {
	width:			auto;
}

/* ---- half width of content area ---- */
.mainPanelHalf {
	width:			380px;
	padding-top:	17px;
	background:		transparent url(/images/static/panels/mainPanelHalf-top.png) top left no-repeat;
}
.mainPanelHalf .content {
	width:			342px;
	padding:		0px 19px;
	background:		transparent url(/images/static/panels/mainPanelHalf-content.png) top left repeat-y;	
}
.mainPanelHalf .base {
	height:			21px;
	background:		transparent url(/images/static/panels/mainPanelHalf-base.png) top left no-repeat;	
}
	
	
/* ----- wide part of unequal 2 column layout --- */
.mainPanelWide {
	width:			472px;
	padding-top:	17px;
	background:		transparent url(/images/static/panels/mainPanelWide-top.png) top left no-repeat;
}
.mainPanelWide .content {
	width:			434px;
	padding:		0px 19px;
	background:		transparent url(/images/static/panels/mainPanelWide-content.png) top left repeat-y;	
}
.mainPanelWide .base {
	height:			21px;
	background:		transparent url(/images/static/panels/mainPanelWide-base.png) top left no-repeat;
}
/* use to add side image */
.mainPanelWide .content .sideImageCol {
	width:			273px;
	padding-right:	161px;
}	

/* ---- narrow part of unequal 2 column layout ---- */
.mainPanelNarrow {
	width:			288px;
	padding-top:	17px;
	background:		transparent url(/images/static/panels/mainPanelNarrow-top.png) top left no-repeat;
}
.mainPanelNarrow .content {
	width:			250px;
	padding:		0px 19px;
	background:		transparent url(/images/static/panels/mainPanelNarrow-content.png) top left repeat-y;	
}
.mainPanelNarrow .base {
	height:			21px;
	background:		transparent url(/images/static/panels/mainPanelNarrow-base.png) top left no-repeat;
}
	
.mainPanelNarrowDark {
	width:			288px;
	padding-top:	17px;
	background:		transparent url(/images/static/panels/mainPanelNarrowDark-top.png) top left no-repeat;
}
.mainPanelNarrowDark .content {
	width:			250px;
	padding:		0px 19px;
	background:		transparent url(/images/static/panels/mainPanelNarrowDark-content.png) top left repeat-y;
	color:			#E4E4E4;
}
.mainPanelNarrowDark .base {
	height:			21px;
	background:		transparent url(/images/static/panels/mainPanelNarrowDark-base.png) top left no-repeat;
}


/* -- banner panel - full width advert banner -- */
.bannerPanel {
	width:			968px;
	background:		transparent url(/images/static/panels/bannerPanel-top.png) top left no-repeat;
	padding-top:	17px;
}
.bannerPanel .content {
	width:			928px;
	padding:		0px 19px 19px 19px;
	background:		transparent url(/images/static/panels/bannerPanel-content.png) top left no-repeat;
	min-height:		80px;
}
.bannerPanel .base {
	height:			21px;
	background:		transparent url(/images/static/panels/bannerPanel-base.png) top left no-repeat;
}
	
/* --- full width panels - used on homepage where there is no left hand navigation bar ---- */
.fullPageDark {
	width:			760px;
	padding-top:	17px;
	padding-bottom: 10px;
	background:		transparent url(/images/static/panels/fullPageDark_top.png) top left no-repeat;
}
.fullPageDark .content {
	padding:		0px 19px;
	background:	 	url(/images/static/panels/fullPageDark_bg.png) top left repeat-y;
	color:			#fff;
}	
.fullPageDark .base {
	width:			760px;
	padding-top:	17px;
	background:		transparent url(/images/static/panels/fullPageDark_base.png) top left no-repeat;
}	


/* ---- half width of full page  ---- */
.fullPageHalf {
	width:			483px;
	padding-top:	17px;
	background:		transparent url(/images/static/panels/fullPageHalf-top.png) top left no-repeat;
}
.fullPageHalf .content {
	width:			445px;
	padding:		0px 19px;
	background:		transparent url(/images/static/panels/fullPageHalf-content.png) top left repeat-y;	
}
.fullPageHalf .content .leftCol {
	width:			255px;
	float:			left;
}
.fullPageHalf .content .rightCol {
	width:			180px;
	float:			right;
}
.fullPageHalf  .base {
	height:			21px;
	background:		transparent url(/images/static/panels/fullPageHalf-base.png) top left no-repeat;
}
	
.fullPageHalfDark {
	width:			483px;
	padding-top:	17px;
	background:		transparent url(/images/static/panels/fullPageHalfDark-top.png) top left no-repeat;
}
.fullPageHalfDark .content {
	width:			445px;
	padding:		0px 19px;
	background:		transparent url(/images/static/panels/fullPageHalfDark-content.png) top left repeat-y;
	color:			#F2F2F2;
}
.fullPageHalfDark  .base {
	height:			21px;
	background:		transparent url(/images/static/panels/fullPageHalfDark-base.png) top left no-repeat;
}
.fullPageHalfDark .content .narrowCol {
	width:			185px;
}
.fullPageHalfDark .content .wideCol {
	width:			250px;
}
/* general styling for default text */
.fullPageHalfDark .content .title {
	color:			#FFF;
}
 .fullPageHalfDark .content .subheading {
	color:			#FF7024;
	font-size:		1.6em;
}

.fullPageHalfDark .ticklist {margin:0px 0px 10px 0px; padding:0px;}
.fullPageHalfDark .ticklist li {
	list-style:		none;
	background:		url(/images/static/panels/fullPageHalfDark-tickList.jpg) no-repeat;
	width:			100%;
	margin:			0px 0px 5px 0px;
	padding:		0px;
}
.fullPageHalfDark .ticklist .text {
	padding:		20px 10px 10px 65px;
	min-height:		20px;
	font-weight:	bold;
	font-size:		1.2em;
	line-height:	1.2em;
	display:		block;
}
.fullPageHalfDark .ticklist .base {
	background:		url(/images/static/panels/fullPageHalfDark-tickListBase.jpg) no-repeat;
	width:			100%;
	height:			5px;
	display:		block;
}

/* ------------------------------------------------------- */
/* Full Page Gray */
/* ------------------------------------------------------- */

.fullPageGray {
	background:		url(/images/static/panels/fullPage_gray.jpg) no-repeat;
	width:			692px;
	padding:		15px 15px 0px 15px;
	float:			left;
	color:			#fff;
}

.fullPageGray h4 {	
					color:#fff;
					font-weight: normal;
					}
					
.padImage			{padding: 10px;}					

.fullPageGrayBase {
	background:		url(/images/static/panels/fullPage_gray_base.jpg) no-repeat;
	width:			722px;
	height:			20px;
	display:		block;
	margin-bottom:	20px;
}
/* ------------------------------------------------------- */
/* END General Containers */
/* ------------------------------------------------------- */

/* sectionNavPanel - wraps all section navigation 
	- has a 10px inset from the panel edge
*/

.sectionNavPanel {
	width:208px;
	padding-top:12px;
	background:transparent url(/images/static/panels/sectionNavPanel-top.png) no-repeat;
	
}
	 .sectionNavPanel .content {
		width:180px;
		padding:0px 14px;
		background:transparent url(/images/static/panels/sectionNavPanel-content.png) repeat-y;
		color:#FFF;
	}
	.sectionNavPanel .base {
		height:16px;
		width:208px;
		background:transparent url(/images/static/panels/sectionNavPanel-base.png) no-repeat;
	}
	.sectionNavPanel #LivePerson {
		display:block;
	}
	
	/* ------------------------ form styling -------------------- */
	
	.sectionNavPanel .content label {
		display:block;
		margin:0px 0px 4px 0px;
	}
	.sectionNavPanel .content input.text {
		width:171px;
		background:#CCC;
		border:1px solid #FFF;
		padding:2px;
		margin:0px 0px 4px 0px;
	}
	
	/* ------------------------ styling for section navigation - consistant accross ALL static site ------------- */
	
	 .sectionNavPanel .sectionTitle {
		font-weight:	bold;
		font-size:		1.6em;
		margin:			0px 0px 0.4em 0px;
		padding:		0px;
		border:			none;
		color:			#FFF;
		
	}
	 .sectionNavPanel .relatedTitle {
		font-weight:normal;
		font-size:1.4em;
		margin:0px 0px 0.4em 0px;
	}
	
	 .sectionNavPanel ul {margin:0px;padding:0px;}
	 .sectionNavPanel ul li {
		list-style:none;
		margin:0px;
		padding:0px;
		color:#E6E6E6;
	}
	.sectionNavPanel ul li ul {
		margin:			0px 0px 5px 0px;
		padding:		0px 0px 0px 0px;
		border-bottom:	1px dashed #666;
		background:		#3f3f3f;
	}
	 .sectionNavPanel ul.sectionLinks,
	 .sectionNavPanel ul.relatedLinks {
		margin:0px 0px 20px 0px;
	}
	 .sectionNavPanel ul.sectionLinks li a,
	 .sectionNavPanel ul.relatedLinks li a{
		color:#E6E6E6;
		text-decoration:none;
		display:block;
		padding:5px 3px;
		background:transparent;
		border-bottom:1px dashed #666;
	}
	 .sectionNavPanel ul.sectionLinks li a:hover,
	 .sectionNavPanel ul.sectionLinks li a:focus,
	 .sectionNavPanel ul.relatedLinks li a:hover,
	 .sectionNavPanel ul.relatedLinks li a:focus {
		background:#4D4D4D;
		color:#FF7024;
	}
	 .sectionNavPanel ul.sectionLinks li a.active {
		color:#FF7024;
		background:#4D4D4D;
		cursor:default;
	}
	 .sectionNavPanel ul.sectionLinks li li a,
	 .sectionNavPanel ul.relatedLinks li li a {
		
		border-bottom:none;
	}
	
	 .sectionNavPanel ul.fixedLinks li {
		margin:0px 0px 4px 0px;
	}
	 .sectionNavPanel ul.fixedLinks li a {
		color:#E6E6E6;
		padding-left:12px;
		background:url(/images/static/navigation/fixedLinksArrow.gif) 0px 3px no-repeat;
		text-decoration:none;
	}
	 .sectionNavPanel ul.fixedLinks li a:hover,
	 .sectionNavPanel ul.fixedLinks li a:focus {
		color:#FF7024;
	}
	
	/* ---------- resources -------------------- */
	.resourceItem {
		float:left;
		width:		100%;
	}
	
	.sectionNavPanel .colContent,
	.sectionNavPanel ul li,
	 .sectionNavPanel a:link,
	 .sectionNavPanel a:active,
	 .sectionNavPanel a:visited {
		color:#E6E6E6;
	}
	 .sectionNavPanel a:hover,
	 .sectionNavPanel a:focus {
		color:#FF7024;
	}
	
	.resourceItem {
		margin-bottom:10px;
	}
	.resourceItem p {
		font-weight:bold;
		padding-bottom:6px;
		margin:0px 0px 10px 0px;
		border-bottom:1px solid #666;
	}
	
	.resourceItem ul {
		margin:		0px 0px 5px 0px;
		padding:	0px;
	}
	.resourceItem ul.last {
		margin:		0px;
	}
	.resourceItem ul li {
		margin:		0px 0px 5px 0px;
		padding:	0px 0px 5px 0px;
		border-bottom: 1px dashed #666;
	}
	.resourceItem ul li.last {
		margin:		0px;
		padding:	0px;
		border-bottom: none;
	}
	.resourceItem .pdfLink,
	.resourceItem .podcastLink {
		display:		block;
		padding:		3px 0px 3px 25px;
		background:		url(/images/static/icons/pdfIcon.gif) top left no-repeat;
	}
	.resourceItem .podcastLink {
		background:		url(/images/static/icons/podcastIcon.gif) top left no-repeat;
	}
	

/* ------------------------------------------------------ */
/* Quote Panels */
/* ------------------------------------------------------ */
.mainPanelFull  .quotePanel {
	background:	url(/images/static/backgrounds/quote_top.jpg) no-repeat;
	padding:	39px 0 0 0;
	float:		right;
	width:		261px;
}
.mainPanelFull  .quotePanel .base {
	background:	url(/images/static/backgrounds/quote_base.jpg) no-repeat;
	height:		44px;
	width:		261px;
	padding:    0px;
	display:	block;
	overflow:	hidden;
}
.mainPanelFull  .quotePanel .mid {
	background:	#e87526 url(/images/static/backgrounds/quote_mid.jpg) no-repeat	left top;
	color:		#FFF;
	padding:	0 15px 0 15px;
}	
.mainPanelFull  .quotePanel .quoteSource {
	font-weight: 	bold;
	font-size: 		1.25em;
}

.quoteTop{
	background:	url(/images/static/quotes/start_quote.jpg) no-repeat left top;
	padding:	20px 0 0 0;
}

.quoteBody{
	font-weight: 	bold;
	font-size: 		1.5em;
	text-align: 	center;
	color:			#000;
}

.quoteBottom{
	background:	url(/images/static/quotes/end_quote.jpg) no-repeat right bottom;
	padding:	20px 0 0 0;
}

/* ------------------------------------------------------ */
/* Feature Lists
   --- Boxed content with or without an icon*/
/* ------------------------------------------------------ */
ul.featureList {
	margin:		0px 0px 20px 0px;
	padding:	0px;
}
ul.featureList li {
	list-style:		none;
	margin:			0px 0px 5px 0px;
	padding:		0px;
}
ul.featureList .tick,
ul.featureList .arrow,
ul.featureList .zapointer {
	display:		block;
}

.featureList a.featureTitle,
.featureList p.featureTitle  {
	color:				#000;
	font-size:			1.4em;
	font-weight:		bold;
	text-decoration:	none;
	display:			block;
	margin-bottom:		5px;
}
.featureList a.featureTitle:hover,
.featureList a.featureTitle:focus {
	color:			#c14f03;	
}
.featureList p {
	color:			#000;
	display:		block;
	margin-bottom:	5px;
}

ul.featureList ul {
	margin:			0px 0px 5px 0px;
}
.mainPanelFull .equalCol .featureList li li,
.mainPanelHalf .featureList li li,
.mainPanelWide .featureList li li {
	background:		none;
	list-style:		square;
	width:			auto;
	margin:			0px 0px 5px 0px;
	padding:		0px;
}

/* -- main panel full -- */
.mainPanelFull .featureList li {
	background:		url(/images/static/panels/mainPanelFull-featureInset.gif) no-repeat;
	width:			722px;
}
.mainPanelFull .featureList li .zapointer {
	width:			622px;
	padding:		10px 20px 10px 80px;
	min-height:		62px;
	background:		url(/images/static/icons/mpw-featureList-zapointer.gif) no-repeat;
}
.mainPanelFull .featureList li .tick {
	width:			642px;
	padding:		15px 20px 5px 20px;
	min-height:		40px;
	background:		url(/images/static/icons/tick-icon.png) 10px 10px no-repeat;
}

.mainPanelFull .featureList li .plus {
	width:			622px;
	padding:		15px 0px 5px 80px;
	min-height:		50px;
	height:			auto!important;
	height:			50px;
	background:		url(/images/static/icons/tickzapointer.png) 10px 10px no-repeat;
}

.mainPanelFull .featureList li .noPic {
	width:			700px;
	padding:		15px 10px 5px 10px;
	min-height:		40px;
	height:			auto!important;
	height:			40px;
}

.mainPanelFull .featureList li .desc { /* holds content text and fixes width */
	width:			360px;
	float:			left;
}

.mainPanelFull .equalCol .featureList li {
	background:		transparent url(/images/static/panels/featureList-mpf-ec-top.gif) top left no-repeat;
	width:			350px;
}
.mainPanelFull .equalCol .featureList li .arrow,
.mainPanelFull .wideCol .featureList li .arrow {
	background:		transparent url(/images/static/icons/arrow-icon.png)  10px 10px no-repeat;
	min-height:		25px;
	padding:		15px 10px 5px 40px;
	width:			300px;
}
.mainPanelFull .equalCol .featureList li .tick,
.mainPanelFull .wideCol .featureList li .tick {
	background:		transparent url(/images/static/icons/tick-icon.png)  5px 10px no-repeat;
	min-height:		30px;
	padding:		15px 10px 5px 50px;
	width:			290px;
}

.mainPanelFull .wideCol .featureList li {
	background:		transparent url(/images/static/panels/featureList-mpf-wc-top.gif) top left no-repeat;
	width:			450px;
}
.mainPanelFull .wideCol .featureList li .arrow {
	width:			400px;
}
.mainPanelFull .wideCol .featureList li .tick {
	width:			390px;
}

.mainPanelFull .narrowCol .featureList li {
	background: transparent url(/images/static/panels/featureList-mpf-nc-top.gif) top left no-repeat;
	width: 250px;
}

.mainPanelFull .narrowCol .featureList li .arrow {
	width: 190px;
}

.mainPanelFull .narrowCol .featureList li .tick {
	width: 180px;
	padding: 15px 10px 10px 55px;
}

/* -- main panel wide -- */
.mainPanelWide .featureList li {
	background:		url(/images/static/panels/mainPanelWide-featureInset.gif) no-repeat;
	width:			434px;
}
.mainPanelWide .featureList li .tick {
	background:		url(/images/static/icons/tick-icon.png) 10px 10px no-repeat;
	width:			354px;
	min-height:		40px;
	padding:		10px 20px 5px 60px;
}
.mainPanelWide .featureList li .arrow {
	width:			374px;
	padding:		14px 20px 5px 40px;
	background:		url(/images/static/icons/arrow-icon.png) 10px 10px no-repeat;
}
.mainPanelWide .featureList  li .zapointer {
	background:		url(/images/static/icons/mpw-featureList-zapointer.gif) no-repeat;
	width:			334px;
	min-height:		62px;
	padding:		15px 20px 5px 80px
}

/* -- main panel half -- */
.mainPanelHalf .featureList li {
	background:url(/images/static/panels/mainPanelHalf-featureInset.gif) no-repeat;
	width:342px;
	overflow:hidden;
}
.mainPanelHalf .featureList li .tick {
	width:			262px;
	padding:		10px 20px 0px 60px;
	background:		url(/images/static/icons/tick-icon.png) 10px 10px no-repeat;
}
.mainPanelHalf .featureList li .arrow {
	width:			282px;
	padding:		16px 20px 5px 40px;
	background:		url(/images/static/icons/arrow-icon.png) 10px 10px no-repeat;
}


/* --- bases for all --- */
.mainPanelFull .featureList li .featureBase,
.mainPanelWide .featureList li .featureBase,
.mainPanelHalf .featureList li .featureBase {
	width:			100%;
	height:			5px;
	overflow:		hidden;
	display:		block;
	background:		url(/images/static/panels/mainPanelFull-featureInsetBase.gif) no-repeat;
}
.mainPanelFull .narrowCol .featureList li .featureBase {
	background:		url(/images/static/panels/featureList-mpf-nc-base.gif) no-repeat;
}
.mainPanelFull .equalCol .featureList li .featureBase {
	background:		url(/images/static/panels/featureList-mpf-ec-base.gif) no-repeat;
}
.mainPanelFull .wideCol .featureList li .featureBase {
	background:		url(/images/static/panels/featureList-mpf-wc-base.gif) no-repeat;
}
.mainPanelWide .featureList li .featureBase {
	background:		url(/images/static/panels/mainPanelWide-featureInsetBase.gif) no-repeat;
}
.mainPanelHalf .featureList li .featureBase {
	background:		url(/images/static/panels/mainPanelHalf-featureInsetBase.gif) no-repeat;
}

/* ------------------------------------------------------ */
/* Check List
   --- styling for check list tables - has a do/dont column with icons */
/* ------------------------------------------------------ */
.checkListTable {
	font-size:			1.2em;
}
.checkListTable th {
	color:				#E1E1E1;
	font-weight:		bold;
	width:				361px;
	height:				30px;
	line-height:		30px;
	text-transform:		uppercase;
}
.checkListTable th.do {
	background:			#000 url(/images/static/backgrounds/clt-th-do.jpg) no-repeat;
}
.checkListTable th.dont {
	background:			#000 url(/images/static/backgrounds/clt-th-dont.jpg) no-repeat;
}

.checkListTable td {
	padding:			24px 20px 10px 65px;
	border-bottom:		1px solid #CCC;
	margin-bottom:		20px;
}
.checkListTable td.do {
	background:			#FFF url(/images/static/backgrounds/clt-td-do.jpg) no-repeat;
}
.checkListTable td.dont {
	background:			#FFF url(/images/static/backgrounds/clt-td-dont.jpg) no-repeat;
}