@charset "utf-8";
/* ########################################################################### *
/* ***** DOCUMENT INFO  ****************************************************** *
/* ########################################################################### *
 * ##### NAME:  global.css
 * ##### VERSION: v1.0
 * ##### UPDATED: 06/11/2008 (Mick Chmielewski, Eclipse Group)
/* ########################################################################### *

/* ########################################################################### *
/* ***** INDEX *************************************************************** *
/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ##### LAYOUT & GRIDS
/* ##### HEADER
/* ##### NAVIGATION
/* ##### RIGHT COLUMN
/* ##### CONTENT COLUMN
/* ##### RIGHT COLUMN
/* ##### FOOTER
/* ##### FORMS
/* ##### HOMEPAGE
/* ##### MODAL DIALOGUE WINDOWS
/* ########################################################################### */

/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ########################################################################### */

a:link 		{ color:#bd0013; text-decoration:none }
a:visited	{ color:#bd0013; text-decoration:none }
a:focus		{ text-decoration:underline }
a:hover		{ text-decoration:underline }
a:active	{ color:#bd0013 }

/* ########################################################################### *
/* ##### TYPOGRAPHY
/* ########################################################################### */

body 
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #f1f1f1 url('images/bg_body.jpg') repeat-x left top;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.floatLeft{
	float: left;
}

/* ########################################################################### *
/* ##### LAYOUT & GRIDS
/* ########################################################################### */

.container 
{
	padding: 0 15px 20px 15px;
	width: 950px;
	background-color: #FFF;
}

	.bodyContent
	{
		padding: 12px 0px 20px 0px;
	}
	
		.grid_homepage .contentWrapper
		{
			width: 675px;
		}
		
			.grid_homepage .contentWrapper .contentColumn
			{
				margin: 0 0 0 0;
				position: relative;
			}
				
				.grid_homepage .contentWrapper .contentColumn .banner
				{
					position: relative;
					float: left;
					clear: both;
				}
				
				.grid_homepage .contentWrapper .contentColumn .modulesColumn1 {
					position: relative;
					float: left;
					margin: -150px 0px 0px 13px;
					width: 319px;
				}
				
				.grid_homepage .contentWrapper .contentColumn .modulesColumn2 {
					position: relative;
					float: left;
					margin: -150px 0px 0px 12px;
					width: 319px;
				}

		.grid_homepage .rightColumn
		{
			width: 275px;
			padding-right: 0;
		}
		
		.grid_twoColumn .contentWrapper
		{
			width: 710px;
		}
		
			.grid_twoColumn .contentWrapper .contentColumn
			{
				margin: 0 10px 0 0;
			}

		.grid_twoColumn .rightColumn
		{
			width: 240px;
			padding-right: 0;
		}
	
		.grid_threeColumn .leftColumn
		{
			width: 180px;
			padding-left: 0;
		}
	
		.grid_threeColumn .contentWrapper
		{
			width: 530px;
		}			

			.grid_threeColumn .contentWrapper .contentColumn 
			{
				margin: 0 20px 0 20px;
			}					
	
		.grid_threeColumn .rightColumn
		{
			width: 240px;
			padding-right: 0;
		}

/* ########################################################################### *
/* ##### HEADER
/* ########################################################################### */

.header 
{
	background-color: #FFFFFF;
}

	.header .logo 
	{
		padding: 25px 0 0 0;
	}
	
	.header .globalFunctions 
	{
		padding: 10px 0 0 0;
		text-align: right;
		width: 280px;
	}
	
		.header .globalFunctions .nav_top ul li 
		{
			font-size: 100%;
		}
		
		.header .globalFunctions .globalSearch {
			padding: 6px 10px 6px 15px;
			background: #D2CFC9 url('images/bg_globalSearch.gif') repeat-x 0 0;
		}
		
		/* Without this style, Safari will wrap the search button onto a new line*/
		.header .globalFunctions .safariSearch {
			width: 255px;
		}
		
			.header .globalFunctions .globalSearch fieldset {
				margin-bottom: 0;
			}
		
			.header .globalFunctions .globalSearch label {
				display: none;
			}
			
			.header .globalFunctions .globalSearch .button,
			.header .globalFunctions .globalSearch div.buttonEnd_primary {
				margin-right: 0px !important;
			}

	
	.header .headerTop
	{
		height: 85px;
	}
	
		.header .headerTop a:link,
		.header .headerTop a:visited,
		.header .headerTop a:hover,
		.header .headerTop a:focus,	
		.header .headerTop a:active	
		{
			color: #666;
		}



/* ########################################################################### *
/* ##### NAVIGATION
/* ########################################################################### */

.nav_primary {
	background: #950F1E url('images/bg_nav_primary.gif') repeat-x 0 0;
	z-index: 50;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	margin-left: 10px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			4.35em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	/*border-right:	1px solid #fff;*/
	padding: 		18px 12px;
	font-size: 12px
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
	font-weight:	bold;
	text-decoration:none;
}
.sf-menu li {
	background: url('images/bg_nav_primary_li.gif') no-repeat 100% 0;
}

.sf-menu li.current {
	background: url('images/bg_tab.gif') no-repeat 0 0;
}
.sf-menu li.current a,
.sf-menu li.current a:visited {
	background: url('images/bg_tab.gif') no-repeat 100% -50px;
	color: #666;
}
.sf-menu li.current li a,
.sf-menu li.current li a:visited {
	background-image: none;
	color: #FFF;
}
.sf-menu li.current li a:focus,
.sf-menu li.current li a:hover,
.sf-menu li.current li a:active {
	background-color:		#990011;
}

.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*border-right:	0;*/
	border-top:		1px dotted #d14d5a;
	padding: 		5px 15px;
	font-size: 		11px;
	font-weight:	normal;
}
.sf-menu li li {
	background-color: #bd0013;
	background-image: none;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color:		#990011;
	outline:		0;
}
.sf-menu li.current:hover {
	background: transparent url('images/bg_tab.gif') no-repeat 0 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.7em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			1.3em;
	top:			1.8em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.7em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* ########################################################################### *
/* ##### LEFT COLUMN
/* ########################################################################### */

.leftColumn .nav_secondary 
{
	border: 1px dotted #b0b0b0;
	border-top: none;
}


	.leftColumn .nav_secondary li 
	{
		display: block;
		line-height: 2.5em;
	}
	
		.leftColumn .nav_secondary li a 
		{
			display: block;
			border-top: 1px dotted #b0b0b0;
			padding: 0em 8px;
			font-weight: bold;
			background-color: #efedec;
			background-image: none;
		}
		
		.leftColumn .nav_secondary li.active a
		{
			background: #FFF url('images/bg_nav_secondary_active.gif') repeat-x 0 0;
			color: #bd0013;
		}
	
	.leftColumn .nav_secondary li a:hover,
	.leftColumn .nav_secondary li a:focus,
	.leftColumn .nav_secondary li.active li a:hover,
	.leftColumn .nav_secondary li.active li a:focus 
	{
		background: none #efedec;
		text-decoration: none;
		color: #000;
	}
	
	.leftColumn .nav_secondary li.active li a:hover,
	.leftColumn .nav_secondary li.active li a:focus,
	.leftColumn .nav_secondary li.active li a:active 
	{
		font-weight: normal;
	}
	
	.leftColumn .nav_secondary li li 
	{
		line-height: 2em;
	}
	
		.leftColumn .nav_secondary li li a,
		.leftColumn .nav_secondary li.active li a 
		{
			border-top: none;
			padding-left: 16px;
			background-image: none;
			font-weight: normal;
			color: #bd0013;
		}
			
			.leftColumn .nav_secondary li li li a,
			.leftColumn .nav_secondary li.active li li a,
			.leftColumn .nav_secondary li li.active li a 
			{
				padding-left: 26px;
				color: #bd0013;
			}
			
			.leftColumn .nav_secondary li li li.active a			{
				color: #333;
			}


	
/* ########################################################################### *
/* ##### CONTENT COLUMN
/* ########################################################################### */

.contentColumn h1
{
	font-size: 2.125em;
	color: #666;
}

.contentColumn h2
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 .2em 0;
	color: #bd0013;
}

.contentColumn h3
{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	color: #bd0013;
}

.contentColumn img.right
{
	float: right;
	margin-left: 1em;
}

.contentColumn ul,
.contentColumn ol
{
	margin-bottom: 1.5em;
}

.contentColumn ul
{
	margin-left: 3px;
}

	.contentColumn ul li
	{
		list-style-type: none;
		background: url('images/list_bullet.gif') no-repeat 0 7px;
		padding-left: 10px;
	}
	
	.contentColumn ol li
	{
		color: #bd0013;
	}
	
		.contentColumn ol li span
		{
			color: #333;
		}
	
.contentColumn ul.nav_horizontal li
{
	padding-left: 5px;
	background: none;
}

.contentColumn .contentHeader {
	margin: 0 0 1em 0;
	border-bottom: 1px dotted #b0b0b0;
}

	.contentColumn .contentHeader .nav_breadcrumbs 
	{
		display: inline;
		float: left;
		padding: 0 0 5px 0;
		width: 460px;
	}
	
		.contentColumn .contentHeader .nav_breadcrumbs ul 
		{
			margin: 0;
		}
		
			.contentColumn .contentHeader .nav_breadcrumbs ul li
			{
				padding-left: 0;
				padding-right: 12px;		
				margin-right: 6px;
				background: url('images/list_breadcrumb.gif') no-repeat right 6px;
				font-size: .9em;
			}
			
			.contentColumn .contentHeader .nav_breadcrumbs ul li:last-child,
			.contentColumn .contentHeader .nav_breadcrumbs ul li.last	
			{
				background: none;
			}
			
	.contentColumn .contentHeader .emailafriend 
	{
		display: inline;
		float: right;
		padding: 2px 0 0 0;
	}
		
.grid_homepage .contentColumn .module {
	margin-bottom: 12px;
	border: 1px solid #d4d4d4;
	background-color: #FFFFFF;
	width: 317px;
}

	.grid_homepage .contentColumn .module .moduleContent {
		padding: 12px;
	}
		
		.grid_homepage .contentColumn .module .moduleContent .moduleHeader {
			margin-bottom: 10px;
		}
		
		.grid_homepage .contentColumn .module .moduleContent .moduleHeader h2 {
			margin-bottom: 0;
			font-size: 1.45em;
			font-weight: normal;
			line-height: 1.1em;
			color: #333;
			display: inline;
			float: left;
		}
		
		.grid_homepage .contentColumn .module .moduleContent .moduleHeader .moreLink {
			display: inline;
			float: right;
			margin: 0 0 0 0;
			width: 60px;
		}
			.grid_homepage .contentColumn .module .moduleContent .moduleHeader .moreLink a {
				color: #b7b7b7;
				padding: 0 5px 0 0;
				display: inline;
				float: right;
				background-color: #FFF;
			}
			
			.grid_homepage .contentColumn .module .moduleContent .moduleHeader .moreLink div {
				display: inline;
				float: right;
				cursor: pointer;
				display: inline-block;
				width: 16px;
				height: 16px;
				margin: 0 0 -4px 0;
			}
			
				.grid_homepage .contentColumn .module .moduleContent .moduleHeader .moreLink div.more{
					background: url(images/bg_btn_down.gif) no-repeat 0 0;
				}
				
				.grid_homepage .contentColumn .module .moduleContent .moduleHeader .moreLink div.moreOver{
					background: url(images/bg_btn_down.gif) no-repeat 0 -16px;
				}
				
				.grid_homepage .contentColumn .module .moduleContent .moduleHeader .moreLink div.less{
					background: url(images/bg_btn_up.gif) no-repeat 0 0;
				}
				
				.grid_homepage .contentColumn .module .moduleContent .moduleHeader .moreLink div.lessOver{
					background: url(images/bg_btn_up.gif) no-repeat 0 -16px;
				}
				
		.grid_homepage .contentColumn .module .moduleContent p {
			margin-bottom: .8em;
		}
	
		.grid_homepage .contentColumn .module .moduleContent .articleThumb {
			display: inline;
			float: left;
			margin: 0 10px 10px 0;
		}
		
			.grid_homepage .contentColumn .module .moduleContent .articleThumb img {
				display: block;
			}
		
		.grid_homepage .contentColumn .module .moduleContent .linkList {
			margin: 0;
		}
		
			.grid_homepage .contentColumn .module .moduleContent .linkList li {
				border-top: 1px dotted #dcdcdc;
				padding-top: 3px;
				padding-bottom: 3px;
				background-position: 0 9px;
			}
			
.contentColumn .nav_pagination ul.nav_horizontal .previous
{
	margin-right: 2px;
}

.contentColumn .searchResults {
	border-top: 1px dotted #b0b0b0;
	border-bottom: 1px dotted #b0b0b0;
	padding-top: 1.5em;
}

	.contentColumn .searchResults ul.articleList {
		margin: 0;
	}
	
		.contentColumn .searchResults ul.articleList li {
			margin: 0 0 1.5em 0;
			padding: 0;
			background-image: none;
		}
		
			.contentColumn .searchResults ul.articleList li p {
				margin: 0;
			}

.sorting ul.nav_horizontal
{
	margin: 0 0 .8em 0;
}

	.sorting ul.nav_horizontal li
	{
		border-right: 1px solid #333;
		padding: 0 5px 0 5px;
	}
	
	.sorting ul.nav_horizontal li.first,
	.sorting ul.nav_horizontal li:first-child 
	{
		border-right: 0;
		padding-left: 0;
		font-weight: bold;
	}
	
	.sorting ul.nav_horizontal li.last,
	.sorting ul.nav_horizontal li:last-child
	{
		border-right: 0;
	}

.pagination	{
	margin: .7em 0 0 0;
}

	.pagination .results,
	.pagination .nav_pagination {
		color: #333;
	}
	
		.nav_pagination a:link,
		.nav_pagination a:visited {
			color: #bd0013;
		}
	
			.nav_pagination .previous {
				border-right: 1px solid #333;
			}
		
			.nav_pagination .next {
				border-left: 1px solid #333;
			}

.rssLink {
	padding: 3px 0 4px 22px;
	background: url('images/img_rss_logo.gif') no-repeat 0 0;
}

.ratings {margin-top: 3px}
.ratings .counter {padding-left: 5px}
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url('images/delete.gif') no-repeat 0 -16px}
div.star,div.star a{background:url('images/stars.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}

	
/* ########################################################################### *
/* ##### RIGHT COLUMN
/* ########################################################################### */

.rightColumn .module
{
	margin-bottom: 1.5em;
	background: #efedec url('images/bg_module.gif') repeat-x 0 100%;
}

.rightColumn .loginModule,
.rightColumn .loginModuleHome
{
	margin-bottom: 0;
	background: #c5001b url('images/bg_loginModule.gif') repeat-x 0 100%;
	color: #FFF;
}

.rightColumn .loginModuleHome
{
	height: 200px;
}

	.rightColumn .module fieldset
	{
		margin-bottom: 0;
	}
	
		.rightColumn .module fieldset div
		{
			padding: 0 0 .7em 0;
		}
		
			.rightColumn .module fieldset div.fieldFloat
			{
				padding: 0;
			}
	
	.rightColumn .module label
	{
		float: none;
		/*font-weight: bold;*/
		color: #333;
	}
	
	.rightColumn .loginModule label,
	.rightColumn .loginModuleHome label
	{
		color: #FFF;
	}

	
	.rightColumn .loginModule .buttons,
	.rightColumn .loginModuleHome .buttons
	{
		margin: 0 0 0.7em 0;
		padding: 0;
	}
	
	.rightColumn .module .button,
	.rightColumn .module div.buttonEnd,
	.rightColumn .module div.buttonEnd_primary,
	.rightColumn .module div.buttonEnd_secondary {
		margin-right: 0px !important;
	}
	
	.rightColumn .module .buttons .button {
		margin-right: 5px !important;
	}

	.rightColumn .loginModule a,
	.rightColumn .loginModule a:visited,
	.rightColumn .loginModuleHome a,
	.rightColumn .loginModuleHome a:visited
	{
		color: #FFF;
		text-decoration: underline;
	}

	.rightColumn .module .moduleContent
	{
		padding: 15px;
	}	
	
		.rightColumn .moduleContent h2
		{
			margin-bottom: 1em;
			border-bottom: 1px dotted #aaa9a9;
			padding-bottom: 7px;
			font-size: 1.45em;
			color: #333;
		}
			
			.rightColumn .articleSlider .moduleHeader
			{
				border-bottom: 1px dotted #aaa9a9;
				padding-bottom: 7px;
				margin-bottom: 1em;
				height: 16px;	
			}
			
				.rightColumn .articleSlider .moduleHeader h2
				{
					display: inline;
					float: left;
					padding: 0;
					margin: 0;
					border: none;
					line-height: 1.1em;
				}
		
				.rightColumn .articleSlider .moduleHeader .articleSliderNav {
					display: inline;
					float: right;
					margin: 0 0 5px 0;
					width: 35px;
				}
					
					.rightColumn .articleSlider .moduleHeader .articleSliderNav div{
						cursor: pointer;
						display: inline-block;
						width: 16px;
						height: 16px;
					}
					
						.rightColumn .articleSlider .moduleHeader .articleSliderNav div.sliderPrev{
							background: url(images/bg_btn_left.gif) no-repeat 0 0;
							float: left;
						}
						
						.rightColumn .articleSlider .moduleHeader .articleSliderNav div.sliderPrevOver{
							background: url(images/bg_btn_left.gif) no-repeat 0 -16px !important;
							float: left;
						}
						
						.rightColumn .articleSlider .moduleHeader .articleSliderNav div.sliderNext{
							background: url(images/bg_btn_right.gif) no-repeat 0 0;
							float: right;
						}
						
						.rightColumn .articleSlider .moduleHeader .articleSliderNav div.sliderNextOver{
							background: url(images/bg_btn_right.gif) no-repeat 0 -16px !important;
							float: right;
						}
				
				.rightColumn .articleSlider .articleSliderWindow {
					width: 210px;
				}
				
				.grid_homepage .rightColumn .articleSlider .articleSliderWindow {
					width: 243px;
				}
	
		.rightColumn .moduleContent p
		{
			margin-bottom: 0.75em;
		}


.rightColumn .moduleContent .articleList {
	
}

	.rightColumn .moduleContent .articleList li .articleThumb {
		display: inline;
		float: left;
		margin: 0 5px 5px 0;
	}
	
	.rightColumn .moduleContent .articleList li h3 {
		margin: 0 0 .2em 0;
		font-size: 1em;
		font-weight: bold;
	}
	
		/*.rightColumn .moduleContent .articleList li h3 a .title {
			color: #333;
		}*/
		
		.rightColumn .moduleContent .articleList li a.ecl_showMediaLink {
			color: #333;
		}
	
		.rightColumn .moduleContent .articleList li h3 .date {
			display: block;
			margin: 0 0 .4em 0;
			font-weight: normal;
			color: #333;
		}
		
	.rightColumn .moduleContent .articleList li p {
		margin: 0 0 1.2em 0;
	}


/* ########################################################################### *
/* ##### FOOTER
/* ########################################################################### */	
	
.footer
{
	margin: 0;
	border-top: 7px solid #bd0013;
}
	
	.footer .logo
	{
		display: inline;
		float: right;
		padding: 10px 0 0 0;
		color: #666;
	}	

	.footer .nav_legal
	{
		display: inline;
		float: left;
		padding: 10px 0 0 0;
	}
	
	.footer .nav_legal ul li
	{
		font-size: 100%;
		border: none;
		background: url('images/list_seperator.gif') no-repeat right;
		padding-right: 8px;
		padding-left: 7px;
	}	
	
	.footer .nav_legal ul li:last-child,
	.footer .nav_legal ul li.last
	{
		background: none;
		padding-right: 0;
	}	
		
	
	.footer .nav_legal ul li a:link,
	.footer .nav_legal ul li a:visited,
	.footer .nav_legal ul li a:hover,
	.footer .nav_legal ul li a:focus,	
	.footer .nav_legal ul li a:active	
	{
		color: #666;
	}

	
		
/* ########################################################################### *
/* ##### FORMS
/* ########################################################################### */

input, select, textarea 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.boxform {
	margin: 0 0 1em 0;
	border: 1px solid #d2d2d2;
	padding: 12px;
	background-color: #FFF;
}

.form-container h2 { 
	margin-bottom: 1em;
	border-bottom: 1px dotted #b0b0b0;
	padding: 0 0 .7em 0;
	font-size: 1.2em;
}

.form-container fieldset { 
	margin: 0 0 2em 0; 
	padding: 0 0 0 0; 
	border-bottom: 0; 
	position: relative
}

.form-container label, 
.form-container span.label { 
	color: #333;
	display: inline;
}

.form-container .legend em,
.form-container label em {
	color: #bd0013;
}

.form-container div.controlset ul { 
	margin:0px; 
}

.form-container div.controlset li { 
	background-image: none;
	padding: 0; 
}

.activeLink {
	color: #bd0013;
	cursor: pointer;
}

.termsLink:hover {
	text-decoration: underline;
}

.termsDetails {
	border: 1px solid #999;
	overflow: auto;
	width: 370px;
	height: 150px;
}

.buttons {
	margin: 0 0 1.5em 0;
	border-bottom: none;
	padding: 0 0 0 0;
	position: relative;
}

	.buttons span {
		/*position: relative;
		top: 3px;*/
		display: block;
		padding-top: 3px;
	}

.button {
    display: block;
	float: left;
	width: auto;
	height: 22px;
    overflow: visible;
	margin: 0 10px 0 0;
	padding: 1px 5px 2px 5px;
	border: 1px solid #7f7f7f;
	background: #595959 url('images/bg_button2.gif') repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
    color: #fff;
	cursor: pointer;
}

.button:hover{
	background-position: 0% 100%;
}

.primary {
	border: 1px solid #8d4847;
	background: #950c04 url('images/bg_button1.gif') repeat-x top;
}

.secondary {
	border: 1px solid #666;
	background: #a5a5a5 url('images/bg_button3.gif') repeat-x top;
	color: #333;
}

.primary:hover{
	background-position: 0% 100%;
}

button.button_curve{
	padding: 1px 0px 2px 5px;
	background: transparent url('images/bg_button2_sprite.png') no-repeat;
	background-position: 0 0;
	border: 0px;
	display: block;
	float: left;
	width: auto;
	height: 22px; /* Height added, fixed to 20px */
    overflow: visible;
	margin: 0 10px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
    color: #fff;
	cursor: pointer;
}

button.button_curve_primary{
	padding: 1px 0px 2px 5px;
	background: transparent url('images/bg_button1_sprite.png') no-repeat !important;
	background-position: 0 0;
	border: 0px;
	display: block;
	float: left;
	width: auto;
	height: 22px; /* Height added, fixed to 20px */
    overflow: visible;
	margin: 0 10px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
    color: #fff;
	cursor: pointer;
}

button.button_curve_secondary{
	padding: 1px 0px 2px 5px;
	background: transparent url('images/bg_button3_sprite.png') no-repeat !important;
	background-position: 0 0;
	border: 0px;
	display: block;
	float: left;
	width: auto;
	height: 22px; /* Height added, fixed to 20px */
    overflow: visible;
	margin: 0 10px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
    color: #333;
	cursor: pointer;
}

div.buttonEnd{
	background: transparent url('images/bg_button2_sprite.png') no-repeat;
	background-position: 100% -44px;
	width: 5px !important;
	height: 22px !important;
	float: left;
	margin-left: -10px !important;
	margin-right: 10px !important;
	padding: 0px !important;
}

div.buttonEnd_primary{
	background: transparent url('images/bg_button1_sprite.png') no-repeat;
	background-position: 100% -44px;
	width: 5px !important;
	height: 22px !important;
	float: left;
	margin-left: -10px !important;
	margin-right: 10px !important;
	padding: 0px !important;
}

div.buttonEnd_secondary{
	background: transparent url('images/bg_button3_sprite.png') no-repeat;
	background-position: 100% -44px;
	width: 5px !important;
	height: 22px !important;
	float: left;
	margin-left: -10px !important;
	margin-right: 10px !important;
	padding: 0px !important;
}


button.button_hover {
	background-position: 0 -22px !important;
}

button.button_primary_hover {
	background-position: 0 -22px !important;
}

button.button_secondary_hover {
	background-position: 0 -22px !important;
}

div.buttonEnd_hover{
	background-position: 100% -66px !important;
}

div.buttonEnd_primary_hover{
	background-position: 100% -66px !important;
}

div.buttonEnd_secondary_hover{
	background-position: 100% -66px !important;
}


	
/* ########################################################################### *
/* ##### HOMEPAGE
/* ########################################################################### */
	
.homepage .header 
{
	background: url(images/bg_homepage_header.gif) repeat-x 0 0;
	border-right: 1px solid #817f7e;	
}	
	
.homepage .bodyContent 
{
	padding: 20px 20px 1px 20px;
	background: url(images/bg_homepage_footer.gif) bottom repeat-x #ffffff;
	border: 1px solid #ff000;
}

	.homepage .bodyContent .flashContent
	{
		width: 868px;
		height: 245px;
		margin-left: 1px;
	}
	
		.homepage .bodyContent .flashContent .alternativeContent
		{
			background: url(images/bg_homepage_flash.jpg) no-repeat 0px 0;
			width: 868px;
			height: 245px;
		}	
	
	.homepage .bodyContent .intro,
	.homepage .bodyContent .why,
	.homepage .bodyContent .how,
	.homepage .bodyContent .who
	{
		width: 217px;
		height: auto;
		float: left;
	}
	
	.homepage .bodyContent .intro
	{
		width: 157px;
		height: 157px;		
		margin: 30px;
	}	
	
		.homepage .bodyContent .intro h2
		{
			font-size: 2.9em;
		}		
	
	.homepage .bodyContent .why,
	.homepage .bodyContent .how,
	.homepage .bodyContent .who
	{
		width: 177px;
		margin: 75px 20px 20px 20px;
	}		
	
		.homepage .bodyContent .why h2,
		.homepage .bodyContent .how h2,
		.homepage .bodyContent .who h2
		{
			font-size: 2.9em;
			margin-bottom: 0.35em;
		}		
		
		.homepage .bodyContent .why ul,
		.homepage .bodyContent .how ul,
		.homepage .bodyContent .who ul
		{
			line-height: 1.75em;
		}		
		
		.homepage .bodyContent .why li,
		.homepage .bodyContent .how li,
		.homepage .bodyContent .who li
		{
			background: url(images/list_homepage.gif) no-repeat 0 7px;
			padding-left: 15px;
		}							

	.homepage .bodyContent .graphic
	{
		width: 217px;
		height: 209px;
		float: left;	
	}
	
	.homepage .bodyContent .faq
	{
		width: 404px;
		height: 209px;
		float: left;
		padding-right: 40px;
	}

		.homepage .bodyContent .faq dl
		{
			margin-bottom: 1em;
		}	
	
	.homepage .bodyContent .featureTile
	{
		width: 207px;
		height: 209px;
		float: left;		
	}

	.homepage .bodyContent .graphic img
	{
		float: left;
	}

	.homepage .homepageContent
	{
		margin: 0;
		padding: 0;
	}
	
		.homepage .homepageContent h2
		{
			background: url(images/bg_hr.gif) bottom repeat-x;
			padding-bottom: 0.25em;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 1.5em;
			margin-top: -5px;
			margin-bottom: 0.5em;
			line-height: 1.333em;
		}
		
			.homepage .homepageContent .featureTile h2
			{
				background: none;
				padding-bottom: 0;
				margin-bottom: 0.5em;		
			}	

		.homepage .homepageContent dl
		{

		}		
		
			.homepage .homepageContent dl dt
			{
				font-weight: bold;
			}		
		
			.homepage .homepageContent dl dd
			{
				margin-bottom: 1em;
			}	
			
/* ########################################################################### *
/* ##### MODAL DIALOGUE WINDOWS
/* ########################################################################### */

/* Overlay */

#modalOverlay {height:100%; width:100%; position:fixed; left:0; top:0; z-index:3000; background-color:#000; cursor:wait;}

/* Container */

#modalContainer {
	width:329px !important;
	position:fixed;
	left:50%;
	top:10%;
	margin-left:-165px;
	z-index:3100;
	text-align:left;
}

#modalContainer .content 
{ 
	padding: 10px; 
	background-color:#FFF; 
}
#modalContainer h1 
{ 
	margin: 0 20px 10px 0; 
	padding: 0; 
	font-size: 1.2em;
	color: #000;
	
}
#modalContainer p { margin-bottom:1em; }
#modalContainer .form-container p.note { margin: .2em 0 .2em 125px; }
#modalContainer .form-container p.subject { margin: 1em 0 1em 125px; color: #666; }
#modalContainer .form-container fieldset { margin:0; padding:0; border-width:0; position:relative; }
#modalContainer .form-container label { margin-right: 5px; padding-right: 10px; width: 110px; display: block; float: left; text-align: right; position: relative; }
#modalContainer .form-container div.buttonrow { padding-left:125px }
#modalContainer .loading {position:absolute; background: url(images/anim_loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}


#modalContainer a.modalCloseX,
#modalContainer a.modalCloseX:link,
#modalContainer a.modalCloseX:active,
#modalContainer a.modalCloseX:visited 
{
	position:absolute;
	top: 12px; 
	right: 10px;
	cursor: pointer;
	width: 15px;
	height: 15px;
	display: block;
	background: url(images/bg_btn_close.gif) no-repeat 0 0;
	overflow: hidden;
}	

#modalContainer a.modalCloseX:hover
{
	background: url(images/bg_btn_close.gif) no-repeat 0 -15px;
}