@charset "utf-8";
/* ########################################################################### *
/* ***** DOCUMENT INFO  ****************************************************** *
/* ########################################################################### *
 * ##### NAME:  global.css
 * ##### VERSION: v1.0 (Masala Magic)
/* ########################################################################### *

/* ########################################################################### *
/* ***** INDEX *************************************************************** *
/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ##### LAYOUT & GRIDS
/* ##### TYPOGRAPHY
/* ##### HEADER
/* ##### NAVIGATION
/* ##### CUSTOM CONTENT
/* ##### GENERAL CONTENT
/* ##### LEFT COLUMN
/* ##### CONTENT COLUMN
/* ##### RIGHT COLUMN
/* ##### FOOTER
/* ##### HOME PAGE
/* ##### FORMS
/* ##### SITE MAP
/* ##### IFRAME PAGE
/* ########################################################################### */

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

html
{
}

a,
a:link,
a:visited,
a:focus,
a:hover,
a:active
{ 
	color: #709d0c; 
	text-decoration:none;
}

a:visited	
{ 
	text-decoration:none ;
}

a:focus		
{ 
	text-decoration:underline;
}

a:hover		
{ 
	text-decoration:underline;
}

a:active	
{ 
	
}

a.external
{
	background: url(images/external_link.gif) no-repeat right center;
	padding-right: 15px;
}


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

body
{
	background: url(images/bg_body.gif) #e2e9ef repeat-x center top fixed;	
	color: #111;
}

.container 
{
	background-color: transparent;
	position: relative;
	width: 1000px;
}

.bodyContent
{
	background: none;
	padding-top: 0px;
	font-size: 100%;
	padding-top: 45px;
}



/* ########################################################################### *
/* ##### TYPOGRAPHY
/* ########################################################################### */
	
a.externalLink
{
	padding-left: 15px;
	background: url(images/list_linkExternal.gif) no-repeat 0 2px;
	margin-left: 2px;
}

a.internalLink
{
	padding-left: 15px;
	background:transparent url(images/list_link.gif) no-repeat scroll 0px 5px;
	margin-left: 2px;
}

.warning
{
	background: #feead2;
	padding: 10px;
	margin-bottom: 18px;
}

	.warning .emphasis, 
	.highlightText .emphasis
	{
		font-style:normal;
		font-weight:bold;
	}
	
.highlightText
{
	background: #eeeeee;	
	padding: 10px;
	margin-bottom: 18px;	
}

.warning p, 
.highlightText p,
{
	margin: 0;
	padding: 0;
	color: #434343;		
}

.fileSize 
{
	color:#999;
}

.date
{
	color: #999;
}

/* Other */

hr
{
	margin: 0 0 5px 0;
	padding: 0;
	border: none;
	height: 1px;
	border-bottom: 1px solid #e5e5e5;
}

.leader
{
	font-size: 175%;
	margin-left: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}


	
/* ########################################################################### *
/* ##### CONTENT PATTERNS
/* ########################################################################### */

.module
{
	background-color: #f4edea;
	margin-bottom: 1.5em;
}

	.module h2
	{
		background-color: #dbceac;
		padding: 0.375em 20px;
		margin-bottom: 0em;
		font-size: 1.25em;
		line-height: 1.333em;
		font-weight: bold;
	}
	
	.module .moduleContent
	{
		padding: 1.5em 20px 1em 20px;
	}	
	
		.moduleContent p
		{
			margin-bottom: 0.75em;
		}

	.moduleContent ul
	{

	}

		.moduleContent ul li
		{
			list-style-type: none;
			background: url(images/list_bullet.gif) no-repeat 0 7px;
			padding-left: 10px;
		}

	
		.moduleContent ul a
		{
			color: #de7800;
		}
		
	.module .featureTile
	{
		background: url(images/bg_featureTile.gif) repeat-x #cfbb93;
	}
	
	.module .featureTile blockquote
	{
		font-size: 1.333em;
		line-height: 1.333em;
		margin-bottom: 0.5em;
		font-weight: bold;
	}	



/* Article slider */

.slider	/* the actual trigger for the slider area */
{
	width:60px;
	float: right;
	margin-top: 10px;
}

.serialScrollWrapper
{
	width: 476px;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 10px;
}

.serialScroll
{
	overflow: hidden;   /* hide articles which extend beyond the window */
	width: 410px;		/* alter this width to set how 'much' of the article slider is visible */
	height: 139px;
	float: left;
}
	.serialScroll .contentList
	{
		margin: 0;
		padding-top: 1em;
		
		width:828px;   /* alter this to set the width of the underlying article list */
	}
		
		.serialScroll .contentList li
		{
			float: left;
			width: 125px;
			margin: 0;
			margin-right: 8px;
			padding: 0;
			padding-right: 5px;
			list-style-type: none;
			background: url(images/bg_separatorVertical.gif) repeat-y right 0;
			height: 127px;
			overflow: hidden;
		}
		
		.serialScroll .contentList li .articleThumb,
		.slider a .btn
		{
			margin-bottom: 5px;
		}	

				.slider a .btn
				{
					width: 60px;
					height: 68px;
					display: block;
					background: url(images/btn_contentListSlider_leftRightBtn.gif) no-repeat -60px 0;
					border: none;
					overflow: hidden;
				}	

					.slider a
					{
						display: block;
					}	

				
					.slider a:hover .btn				
					{
						background: url(images/btn_contentListSlider_leftRightBtn.gif) no-repeat -60px -68px;
					}	
					
					.slider a:hover
					{
						text-decoration: none;
						color: #333333 !important;
					}						
	
			.serialScroll .contentList li p
			{
				margin-bottom: 10px;
			}
	

/* File list */
	
ul.files
{
	margin-bottom: 11px;
}

	.module ul.files
	{
		margin-left: 3px;
	}

.fileList ul
{
	margin:0;
	padding:0;
	margin-bottom: 11px;
}

	.fileList ul li, 
	ul.files li
	{
		list-style: none !important;
		background: none !important;
		padding-left: 0px !important;
	}
	
		.fileList ul li a, 
		ul.files li a
		{
			padding-left:0px;
		}
	
			.fileList ul li a.icon_pdf, 
			ul.files li a.icon_pdf,
			a.icon_pdf,
			span.icon_pdf
			{
				padding-left:20px;
				background:url(images/icon_pdf.gif) no-repeat;
			}
			
			.fileList ul li a.icon_ppt, 
			ul.files li a.icon_ppt,
			a.icon_ppt,
			span.icon_ppt
			{
				padding-left:20px;
				background:url(images/icon_ppt.gif) no-repeat;
			}
			
			.fileList ul li a.icon_xls, 
			ul.files li a.icon_xls,
			a.icon_xls,
			span.icon_xls			
			{
				padding-left:20px;
				background:url(images/icon_xls.gif) no-repeat;
			}
			
			.fileList ul li a.icon_doc, 
			ul.files li a.icon_doc,
			a.icon_doc,
			span.icon_doc			
			{
				padding-left:20px;
				background:url(images/icon_doc.gif) no-repeat;
			}
			
			.fileList ul li a.icon_generic, 
			ul.files li a.icon_generic,
			a.icon_generic,
			span.icon_generic			
			{
				padding-left:20px;
				background:url(images/icon_generic.gif) no-repeat;
			}
			


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

.header 
{
	position: fixed;
	top: 0;
	z-index: 1;	
}
	
	
/* ########################################################################### *
/* ##### NAVIGATION
/* ########################################################################### */

.nav_primary
{
	background: url(images/bg_header.png) no-repeat 0 0;
	height: 100px;
	width: 990px;
	font-size: 96%;
	letter-spacing: -0.05em;
}
	
	.nav_primary ol
	{
		margin-left: 32px;
		padding-top: 11px;
	}
	
		.nav_primary li
		{
			margin-right: 4px;
		}
		
		.nav_primary a
		{
			display: block;
			text-decoration: none;
		}
		
		.nav_primary a:link,
		.nav_primary a:visited,
		.nav_primary li.active li a:link,
		.nav_primary li.active li a:visited 
		{
			color: #ffffff;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;	
		}
		
		.nav_primary li a:last
		{
		}
		
		.nav_primary a:hover
		{
			text-decoration: none;
		}
		
		.nav_primary li.active a:link,
		.nav_primary li.active a:visited,
		.nav_primary li.active a:focus,
		.nav_primary li.active a:hover,
		.nav_primary li.active a:active 
		{
		}
		
		.nav_primary ol li a
		{
			padding: 2px 6px 4px 6px;
		}
		
		.nav_primary li:hover,
		.nav_primary a:focus, 
		.nav_primary a:hover, 
		.nav_primary a:active,
		.nav_primary li.active a
		{
			color: #666666;
			background: #ffffff;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;	
		}
	


/* ########################################################################### *
/* ##### CUSTOM CONTENT
/* ########################################################################### */	

.nav_card_prev,
.nav_card_next
{
	width: 31px;
	height: 75px;
	float: left;
	position: fixed;
	top: 200px;
}

.nav_card_prev
{
	left: -50px;
}

.nav_card_next
{
	right: 50px;
}

	.nav_card_prev a,
	.nav_card_next a
	{
		display: block;
		width: 31px;
		height: 75px;
		background: url(images/btn_card-navigation.png) 0 0;		
	}

		.nav_card_prev a:hover
		{
			background-position: 0 -75px;
		}

	.nav_card_next a
	{
		background: url(images/btn_card-navigation.png) -31px 0;
	}	
	
		.nav_card_next a:hover
		{
			background-position: -31px -75px;
		}

#cards
{
	float: left;
	margin-left: 0px;
	width: 960px;
	overflow-x: hidden;
	overflow-y: hidden;
}
	
	#cards .cardList
	{
		/* Set width dynamically with JS */
		width: 5000px;
	}
	
		#cards .cardList li.card:first-child .cardContainer
		{
			padding-left: 25px;
			padding-right: 27px;
			width: 268px;
		}
		
		#cards .card
		{
			float: left;
			list-style: none;
			padding-left: 0px;
			background: none;
			padding-bottom: 50px;
		}
		
			#cards .cardContainer
			{
				padding-top: 22px;			
				margin-right: 0px;			
				width: 289px;
				background: url(images/bg_card.png) repeat-y transparent;
				padding-left: 15px;
				padding-right: 16px;
				padding-bottom: 10px;
				min-height: 350px;
			}
			
			#cards .cardEnd
			{
				height: 6px;
				background: url(images/bg_card-bottom.png) no-repeat;
			}
		
			#cards .cardHeader
			{
				border-bottom: 1px solid #c7c7c7;
				min-height: 80px;	
				margin-bottom: 15px;		
			}
			
			* html #cards .cardHeader
			{
				height: 80px;
			}
		
			#cards h1
			{
				background: none;
				font-weight: normal;
				font-style: italic;
				font-size: 165%;
				margin: 0;
				padding: 0;
				line-height: 1.3em;
			}
		
			#cards h1 .cardNumber
			{
				display: block;
				float: left;
				width: 52px;
				height: 70px;
				color: #FFFFFF;
				font-size: 330%;
				background-color:#000000;
				line-height: 70px;
				padding-left: 18px;
				margin-right: 13px;
				font-family: "Times New Roman", Times, serif;
			}
			
			#cards .cardContent
			{
			}
			
			#cards .cardList .cardContent li
			{
				background: none;
				padding: 0;
				margin-bottom: 1.75em;
			}

			#cards .cardList .card .thumbnail
			{
				float: left;
			}

			#cards .cardList .card .thumbnail img
			{
				padding-top: 2px;
				padding-right: 8px;
			}
		
			#cards .cardList .card img
			{
				margin-bottom: 0;
			}
			
			#cards .cardHeader p
			{
				margin: 0;
			}
			
			#cards h3
			{
				font-size: 100%;
				margin: 0;
				line-height: 1.6em;
				/* display: inline; */
				height: 1.6em;
				overflow: hidden;
				position: relative;
			}
			
			#cards .shortIntro
			{
				height: 3.2em;
				overflow: hidden;
				margin: 0;
			}
			
			#cards .tools
			{
				display: none;
			}
		

/* ########################################################################### *
/* ##### GENERAL CONTENT
/* ########################################################################### */
	
.print
{
	background: #e7e8e3 !important;
}

#cards .cardList .cardContent li
{
	background: none;
	padding: 3px 4px 4px 3px;
	margin-bottom: 5px;
	position: relative;
}

.print .custom_markForPrinting
{
	background: url(images/btn_printOn.gif) no-repeat 0 0;
}

.custom_markForPrinting
{
	width: 15px;
	height: 15px;
	background: url(images/btn_add.gif) no-repeat 0 0;
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
}

.custom_markForPrinting_over
{
	background-position: 0 -15px !important;
}

.tip_markForPrinting
{
	
}

.tip_markForPrinting
{
	display: none;
	width: 129px;
	height: 27px;
	position: absolute;
	z-index: 100;
	top: -27px;
	right: -100px;
	background: url(images/tooltip_addToPrintBasket.gif);
}
	
	
/* ########################################################################### *
/* ##### LEFT COLUMN
/* ########################################################################### */


/* ##### Secondary navigation */

.leftColumn .nav_secondary li 
{
	display: block;
	line-height: 2em;
	border-bottom: 1px solid #e5e5e5;
}

	.leftColumn .nav_secondary li a 
	{
		display: block;
		padding: 4px 8px;
		font-weight: bold;
		background: none;
	}	
	
	.leftColumn .nav_secondary li.active a,
	.leftColumn .nav_secondary li.active a:hover,
	.leftColumn .nav_secondary li.active a:focus 
	{
		color: #393939;
		background: #e1e2e2;
		border-top: 1px solid #fff;
	}

.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 #EFEFEF;
	text-decoration: none;
	color: #393939;
}

.leftColumn .nav_secondary li.active li a:hover,
.leftColumn .nav_secondary li.active li a:focus 
{
	font-weight: normal;
	background: none #F9F9F9;		
}
	
	.leftColumn .nav_secondary li li a,
	.leftColumn .nav_secondary li.active li a 
	{
		padding-left: 16px;
		font-weight: normal;
		color: #393939;
		background-color: #eff0f0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;			
	}
		
		.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: #666;
		}
		
		.leftColumn .nav_secondary li.active li.active a,
		.leftColumn .nav_secondary li.active li.active a:link,			
		.leftColumn .nav_secondary li.active li.active a:visited,						
		.leftColumn .nav_secondary li.active li.active a:active,
		.leftColumn .nav_secondary li.active li.active a:hover,
		.leftColumn .nav_secondary li.active li.active a:focus
		{
			font-weight: bold;
			background-color: #FFF;
		}			
	
	
/* ########################################################################### *
/* ##### CONTENT COLUMN
/* ########################################################################### */

.contentColumn
{
	width: 949px;
	position: relative;
}

.contentColumn a,
.contentColumn a:link,
.contentColumn a:visited 
{

}


.contentColumn h1
{
	background: url(images/bg_hr.gif) bottom repeat-x;
	padding-bottom: 0.75em;
	font-weight: bold;
	font-size: 2.125em;
}

.contentColumn h2
{
	font-weight: bold;
	margin-top: 2em;
}

.contentColumn h3
{
	font-weight: bold;
	margin-top: 2.25em;
}

.contentColumn h4
{
	margin-top: 2.57em;
}

.contentColumn h5,
.contentColumn h6
{
	margin-top: 2em;
	margin-bottom: 0em;	
}
	
.contentColumn a.btn,
.contentColumn a.btn:link,
.contentColumn a.btn:hover,
.contentColumn a.btn:focus,
.contentColumn a.btn:active,
.contentColumn a.btn:visited
{
	color: #000000;
	margin-right: 10px;
}

.contentColumn img
{

}

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

.contentColumn ul
{

}

	.contentColumn ul li
	{
		list-style-type: none;
		background: url(images/list_bullet.gif) no-repeat 0 7px;
		padding-left: 10px;
	}
	
	.contentColumn ul.links li
	{
		background: url(images/list_linkBullet.gif) 0 0.65em no-repeat;
	}	
	
.contentColumn ul.nav_horizontal li
{
	padding-left: 5px;
	background: none;
}	

/* Breadcrumbs */
.contentColumn .nav_breadcrumbs
{

}

	.contentColumn .nav_breadcrumbs ul li
	{
		padding-left: 0;
		padding-right: 10px;		
		margin-right: 6px;
		background: url(images/list_linkBullet_light.gif) no-repeat right 8px;
	}
	
	.contentColumn .nav_breadcrumbs ul li:last-child,
	.contentColumn .nav_breadcrumbs ul li.last	
	{
		background: none;
	}	
	
/* Lists */
ul.links li
{
	background: url(images/list_linkBullet.gif) 0 0.72em no-repeat;
	list-style-type: none;
	padding-left: 10px;
}
	
/* ########################################################################### *
/* ##### RIGHT COLUMN
/* ########################################################################### */

.rightColumn .module
{
	background-color: #f4edea;
	margin-bottom: 1.5em;
}

	.rightColumn .module h2
	{
		background-color: #dbceac;
		padding: 0.375em 20px;
		margin-bottom: 0em;
		font-size: 1.25em;
		line-height: 1.333em;
		font-weight: bold;
	}
	
	.rightColumn .module .moduleContent
	{
		padding: 1.5em 20px 1em 20px;
	}	
	
		.rightColumn .moduleContent p
		{
			margin-bottom: 0.75em;
		}

	.rightColumn .moduleContent ul
	{

	}

		.rightColumn .moduleContent ul li
		{
			list-style-type: none;
			background: url(images/list_bullet.gif) no-repeat 0 7px;
			padding-left: 10px;
		}

	
		.rightColumn .moduleContent ul a
		{
			color: #de7800;
		}
		
	.rightColumn .module .featureTile
	{
		background: url(images/bg_featureTile.gif) repeat-x #cfbb93;
	}
	
	.rightColumn .module .featureTile blockquote
	{
		font-size: 1.333em;
		line-height: 1.333em;
		margin-bottom: 0.5em;
		font-weight: bold;
	}	


/* ########################################################################### *
/* ##### FOOTER
/* ########################################################################### */	
	
.footer
{
	height: 188px;
	width: 3000px;
	position: fixed;
	bottom: 0px;
	left: 0;
	background: url(../media/images/img_footer.png) no-repeat;
	/* Enable to move footer behind cards which enables the links at the bottom of the cards */
	/* z-index: -1; */
}
	

	
		
/* ########################################################################### *
/* ##### FORMS
/* ########################################################################### */
	
a.btn
{
	background-color: #fedf00;
	font-weight: bold;
	padding: 3px 8px;
}

a.btn:hover,
a.btn:focus,
a.btn:active
{
	background-color: #ffb500;
	text-decoration: none;
}
	

/* ########################################################################### *
/* ##### IFRAME PAGE
/* ########################################################################### */					
.contentColumn iframe
{
	height: 100%;
	width: 100%;
	border: none;
}


/* ########################################################################### *
/* ##### MODAL WINDOW
/* ########################################################################### */

#modalContainer
{
	border: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
  height:518px;
  width:600px;
}

#modalContainer .simplemodal-data
{
	padding: 10px;
}
	
	
#modalContainer .simplemodal-data h1
{
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 0 0;
}

#modalContainer .simplemodal-data div.object
{
	text-align: center;
}



/* ########################################################################### *
/* ##### TOOLTIP
/* ########################################################################### */

.nav_card_prev .hidden
{
	position: absolute !important;
	left: -9999px !important;
}

.nav_card_prev .tip
{
	display: block;
	height: 27px;
	width: 94px;
	background: url(images/tooltip_prevStep.gif) no-repeat 0 0;
	position: absolute;
	top: -35px;
	left: 11px;
	z-index: 100;	
}

.nav_card_next .tip
{
	display: block;
	height: 27px;
	width: 77px;
	background: url(images/tooltip_nextStep.gif) no-repeat 0 0;
	position: absolute;
	top: -35px;
	left: -56px;
	z-index: 100;
}

.tooltip
{
	/*
	height: 28px;
	background: url(images/tooltip.gif) no-repeat;
	*/
}