/*
	Copyright Code Computerlove Ltd 2010
	Build: 0.0.80.368
	Date: 10/06/2010 16:12:01
*/

/*	reset & init
----------------------------------------------- */

	* { margin: 0; padding: 0; }
	body { background: #FFFFFF; color: #898989; font: 62.5%/1.5 Arial, Helvetica, sans-serif; }
	a { text-decoration: none; color: #ffb400; outline: none; }
	a:hover { text-decoration: underline; }

	button, input, textarea, select { font-size: 100%; font-family: Arial, Helvetica, Geneva, sans-serif; }
	h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin-bottom: .1em; }
	h1 { font-size: 2.3em; font-weight: bold; }
	h2 { font-size: 1.8em; font-weight: bold; line-height: 1.2em; }
	h3 { font-size: 1.7em; font-weight: bold; line-height: 1.2em; }
	h4 { font-size: 1.7em; font-weight: bold; line-height: 1.2em; }

	blockquote { font-size: 1.3em; font-weight: bold; font-style: italic; margin-top: -1em; padding-bottom: 1em; }
	iframe, img { border: none; }
	fieldset, form { border: none }
	legend { display: none; height: 0; font-size: 12px; }
	table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
	caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
	ol, ul { margin-bottom: .3em; }
	ol li, ul li {margin: 0; padding: 0; list-style-type: none; }
	
	.fl { float: left; }
	.fr { float: right; }
	img.fl { margin-right: 10px; }
	img.fr { margin-left: 10px; }
	
	.error { color: #ff0000; }
	
	iframe { border: 0; outline: 0;}

	.group, .columnset, .media-block { height: 1%; }
	.group:after, .columnset:after, .media-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.cleaner { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }

/*	generic elements
----------------------------------------------- */

	body{background:#212121 url(../Images/Global/Bg.png) repeat-y 50% 0;}

	ul,li,p,h1,h2,h3,h4,h5{margin:0 0 10px 0;}

	p,li, dt, dd{font-size:1.2em;line-height:15px;}
	
	h1,h2,h3,
	h1 a,h2 a,h3 a{color:#fff;}
	
	h1, h2, h3 { font-weight: normal; font-style: normal; margin-bottom: 15px; }
	
	h1 { font-size: 2.4em; line-height: 35px; letter-spacing: -1px; }
	h2 { font-size: 2em; line-height: 25px; }
	h3 { font-size: 1.6em; line-height: 20px; }
	h4 { font-size: 1.3em; line-height: 15px; color: #fff; }
	
	strong { color: #fff; }
	
	ol { padding: 0 0 0 20px; }
	ol li { margin: 0 0 10px 0; list-style-type: decimal; color: #ffb400; }
	ol li p { color: #898989; font-size: 1em; }
	
	ol ul li{list-style-type:none; color: #898989;}
	li li{font-size:1em;}
	
	ul{}
	ul li{background:transparent url(../Images/Global/endash.png) no-repeat 0 7px;padding:0 0 0 15px;margin-bottom:10px;}
	
	dt,dd{margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #2e2e2e;}
	dt{position:absolute;z-index:2;}
	dd{position:relative;padding-left:150px;color:#fff;font-weight:bold;}
	
/* components
----------------------------------------------- */

	/* btn styles
	-------------------------------------------------------------------- */
	
	.btn { display: block; overflow: hidden; text-indent: -1000em; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; }
	.btn-play { width: 40px; height: 36px; background-image: url(../Images/Buttons/Play.png); }
	.btn-close { width: 21px; height: 21px; background-image: url(../Images/Buttons/Close.png);}

	.btn-block { display: inline-block; padding: 5px 10px 5px 20px; background: #ffb400 url(../Images/Global/endash-y.png) no-repeat 7px 50%; text-indent: 0; color: #463100; }
	.btn-block:hover { text-decoration: none; background-color: #f0a900; }
	input.btn-block { border: 0; font-size: 1em; cursor: pointer; }
	
	/* give white-space around top or bottom of element */
	.btn-ws-top { margin-top: 20px; }

	/* overlay link (typically video play icon over thumbnail)
	-------------------------------------------------------------------- */
	
	.overlay { position: relative; display: block; height: 1%; cursor: pointer; }
	.overlay img { display: block; }
	
	.overlay .btn { position: absolute; top: 50%; left: 50%; }
	.overlay-play .btn { margin: -18px 0 0 -20px; }
	
	/* promoted content component
	-------------------------------------------------------------------- */
	
	.promo-c { margin: 0 0 30px 0; }
	.promo-c p { width: 330px; }
	
		.promo-event { margin-bottom: 30px; }
		.promo-event h3 { font-size: 1.2em; line-height: 15px; margin: 0; font-family: Arial, "MS Trebuchet", sans-serif; font-weight: bold; }
		.promo-event p { width: auto; }
	
	
	/* call to action links list
	-------------------------------------------------------------------- */
	
	.cta-list a,.cta-link a,a.cta-link{background:transparent url(../Images/Global/endash.png) no-repeat 0 7px;padding:0 0 0 15px;}
	.cta-list li { background: 0; padding: 0; }
	h2 a.cta-link, h3 a.cta-link { font-size: 12px; color: #ffb400; font-family: Arial, "MS Trebuchet", sans-serif; }
	
	/* media block 
	-------------------------------------------------------------------- */
	
		.media-block { margin: 0 0 20px 0;}
		.media-block-promo { margin-bottom: 30px; }
		.media-block img { display: block; }
	
			/* media block for an image */
	
				.media-block-img { position: relative; }
				.media-block-img img { position: absolute; }
	
				/* size and positioning attributes */
					.media-290-r img, .media-130-r img {right:0;}
					.media-290-l img, .media-130-l img {left:0;}
	
					.media-130{min-height:90px;}
					.media-130-l{padding-left:140px;}
					.media-130-r{padding-right:140px;}
	
					.media-290{min-height:150px;}
					.media-290-l{padding-left:300px;}
					.media-290-r{padding-right:300px;}
	
			/* extensions for variants */
	
				.media-block-article {}
				.media-block-article h4, .media-block-article h3 { font-size: 1.3em; line-height: 15px; color: #fff; margin: 0; font-family: Arial, "MS Trebuchet", sans-serif; font-weight: bold;}
	
	/* tertiary nav 
	-------------------------------------------------------------------- */
	
	.tertiary-nav { margin-top: 5px; }
	.tertiary-nav li{margin-bottom:15px; background: 0; padding: 0; }
	.tertiary-nav li.active a { color: #fff; background-image: url("../Images/Global/endash-w.png"); }

	/* side panel
	-------------------------------------------------------------------- */
		
	.side-panel{width:200px;height:1%;margin:0 0 15px 0;}
	.side-panel .c,.side-panel-top,.side-panel-bottom{background:transparent url(../Images/Global/SidePanelSprite.png) no-repeat 0 0;}
	.side-panel .c{padding:5px 20px 5px 15px;background-repeat:repeat-y;background-position:-400px 0px;}
	.side-panel-top,.side-panel-bottom{height:15px;overflow:hidden;display:block;}
	.side-panel-top{background-position:0 0;}
	.side-panel-bottom{background-position:-200px 0px;}
	
	.side-panel p { color: #463100; background-color: #fcb016; }
	.question-title{color:#463100;font-size:1.5em;line-height:15px;font-weight:normal; background-color: #fcb016;}
	.question-stat,p.question-stat{font-size:6em;font-weight:bold;color:#fff;line-height:60px;}
	
	/* content col defaults
	-------------------------------------------------------------------- */
	
	.content-col img { display: block; }
	hr { display: none; }
	div.hr { height: 1px; overflow: hidden; display: block; margin: 20px 0 19px; background-color: #2e2e2e; }
	.content-title { margin-bottom: 30px;}
	.content-shot { margin: 30px 0; }
	
	/* give white-space around top or bottom of element */
	.content-ws-bottom { margin-bottom: 30px; }
	.content-ws-top { margin-top: 30px; }

	/* email alerts component
	-------------------------------------------------------------------- */
	
	#EmailAlerts { border: 1px solid #2b2b2b; padding: 4px; background-color: #000; height: 1%; margin: 0 0 20px -1px; }
	#EmailAlerts:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
	#EmailAlerts label { display: block; width: 0px; height: 0px; overflow: hidden; }
	#EmailAlerts input.txt { background-color: transparent; border: 0; color: #898989; font-size: 1.1em; line-height: 15px; width: 120px; float: left; padding: 5px 0 0 0; margin: 0 0 0 5px; }
	#EmailAlerts input.submit { float: right; }
	
	/* tabs
	-------------------------------------------------------------------- */
	
	.tabbed-content,.tabs, .tab-pane{height:1%;}
	.tabbed-content:after, .tabs:after, .tab-pane:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
	.tabs{display:block;border-bottom:2px solid #e7a303; margin-bottom: 20px; }
	.tabs li{display:inline-block;margin:0 10px 0 0; float: left; padding: 0; background: 0; }
	.tabs li a,
	.tabs li a em{background:transparent url(../Images/Global/TabSprite.png) no-repeat 0 0; }
	.tabs li a{display:block;float:left;background-position:0 -200px;color:#6f6f6f;}
	.tabs li a em{display:block;padding:10px 15px 8px;background-position:right -300px;font-style:normal;}
	
	.tabs li a:hover, .tabs li a.active{text-decoration:none;background-position:0 0; color: #fff;}
	.tabs li a:hover em, .tabs li a.active em{background-position:right -100px;}
	
		/* tabs with even widths and text centered - note text wrapping could occur within tab if tab-label has too many characters */
		.tabs-even { }
		.tabs-even .tabs li a { text-align: center; width: 98%; }
		.tabs-even .tabs li a em { padding-left: 0; padding-right: 0; }
	
		/* Tabs width is 1/3 of total space (almost in this case) */
		.tabs-even-3 .tabs { padding-left: 2%; }
		.tabs-even-3 .tabs li { width: 33%; margin: 0; }
	
		/* tabs width is 1/4 of total space */
		.tabs-even-4 .tabs { }
		.tabs-even-4 .tabs li { width: 25%; margin: 0; }

	/* download links
	-------------------------------------------------------------------- */
	
	.download-links{}
	.download-links li{display:inline;margin-right:10px; padding: 0em; background: 0; }
	.dl-link,.download-links li a{background:transparent url(../Images/Buttons/Download.png) no-repeat 0 5px;line-height:30px;color:#fff;padding:11px 0 10px 25px;}
	.download-links li a:hover{text-decoration:none;}
	.download-links li a:hover span { text-decoration: underline; }
	.dl-link span,.download-links li a span{color:#ffb400;margin:0 0 0 5px;}

	/* statistics range component
	-------------------------------------------------------------------- */
	
	.stats-range{margin:0 auto 10px;overflow:visible; font-size: 1.2em;}
	.stats-range:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	.stats-range li, ul.stats-range h3 { font-size: 1em; margin: 0; }
	.stats-range li.year{}
	.stats-range li.year h3,ul.stats-range li.month h3,ul.stats-range li.period h3{color:#525252;display:block;font-weight:normal;width:70px;}
	.stats-range li.period{}
	.stats-range li.month{}
	.stats-range li{background:url("/_Client/Images/Content/BusinessStatistics/statsrange-li-bg.gif") repeat-x scroll 0 bottom transparent;clear:both;display:inline;float:left;margin:0 0 5px; padding: 0; width:100%; border-bottom: 1px solid #2e2e2e;}
	.stats-range li.year ul li{margin-right:20px;}
	.stats-range li.period ul li{margin-right:20px;}
	.stats-range li.month ul li{margin-right:20px;}
	.stats-range li h3{float:left; line-height: 15px; font-family: Arial, "MS Trebuchet", sans-serif;}
	.stats-range li ul li{background:none repeat scroll 0 50% transparent;clear:none;margin:0 10px 0 0;padding:0;width:auto; border: 0;}
	.stats-range li ul li a{background:url("/_Client/Images/Content/BusinessStatistics/statsrange-li-a-bg.gif") no-repeat scroll right 6px transparent;color:#CE9202;padding:0 10px 0 0; font-weight: bold;}
	.stats-range li ul li a.active{background-position:right -19px;color:#EEEEEE;}
	.stats-range ul { height: 1%; margin: 0; padding: 0 0 5px 0; }
	.stats-range ul:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* standard form
	-------------------------------------------------------------------- */
	
	.frow{height:1%;margin:0 0 15px 0;font-size:1.2em;}
	.frow:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
	.frow span.required{color:#ffb400;}
	.frow label,.frow .error p{line-height:20px;}
	.frow-text label,.frow-select label,.frow-textarea label,.frow-checkbox label{float:left;width:25%;display:inline;font-size:1em;}
	.frow-text input{float:left;width:40%;display:inline;font-size:1em;}

	.frow-text label.error,.frow-select label.error{float:left;width:25%;margin:0 0 0 10px;font-size:1em;}

	.frow-select select{width:40%;font-size:1em;float:left;}
	.frow-textarea textarea{width:55%;font-size:1em;float:left;height:150px;}
	.frow-textarea label.error{float:none;clear:both;padding-left:25%;width:40%;}
	.frow-text input,.frow-textarea textarea{background-color:#000;border:1px solid #2b2b2b;padding:4px;color:#898989;}
	
	.frow-checkbox { padding-left: 25%; background: none; }
	.frow-checkbox span { float:left; }
	.frow-checkbox label { width:70%; }
	.frow-checkbox input { float:left; margin-right:8px; margin-top:3px; padding:4px; }
	
	.frow-checkbox-list { margin-bottom: 3px; }
	
	.frow-submit { padding-left: 25%; }
	
	label.error{color:#f00;}
	input.error,textarea.error{border-color:#f00;}

	
	/* modal css
	------------------------------------------------ */
	
	#mask{position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}
	.modal{z-index:9999;padding:20px;background:#000;}
	.modal .alt{display:none;}
	.video-modal{padding:0;}
	.video-modal .btn-close{position:absolute;top:-15px;right:-15px;}
	/* allows for absolute position within the modal itself. */
	.modal-wrap{position:relative;}
	.content-modal{width:450px;}

	
	
/*	Accessibility Links
----------------------------------------------- */

	ul#Accessibility, .accessibility { left: -9999em; position: absolute; top: -9999em; }
	.adn { display: block; height: 0; overflow: hidden; width: 0; margin-bottom: 0; }
	
	.replace { position:relative; margin:0px; padding:0px; cursor: pointer; display: block; }
	.replace span { display:block; position:absolute; top:0px; left:0px; z-index:1; } 
	

/*	Structure
----------------------------------------------- */
	
	/* containers that have width */
	#Branding,#TitleBarContent,#ContentPrimary, #HeaderPrimary, #NavigationSecondary, #Footer, #Content {width:930px;margin:0 auto; padding: 0 15px;}
	#Content { padding: 0 0 10px 0; width: 960px; overflow: visible;}
	
	#TitleBar{ background:#ffb400 url(../Images/Global/TitleBarBg.png) repeat-y 50% 0;}
	#TitleBarTop{background:transparent url(../Images/Global/TitleBarTop.png) no-repeat 50% 0;padding:50px 0 0 0;}
	#TitleBarBottom{background:transparent url(../Images/Global/TitleBarBottom.png) no-repeat 50% 100%;padding:0 0 40px 0;}
	
	#TitleBar p { color: #574417; font-size: 1.2em; width: 560px; }
	#TitleBar h1, #TitleBar .heading{ color: #463100; text-transform: lowercase; font-size: 4em; line-height: 45px; }
	#TitleBar h1 span, #TitleBar .heading span{color:#fff; }

/* Header
-----------------------------------------------*/

	#HeaderPrimary{position:relative;height:90px;}
	
		#Branding{position:absolute;bottom:0px;left:0; font-size: 2.6em; margin: 0;}
		#Branding,#Branding a,#Branding span{width:196px;height:59px;}
		#Branding a,#Branding span{background:transparent url(../Images/Global/Logo.png) no-repeat 0 0;}
		#Branding, #Branding a { color: #fff; }
	
		.site-functions { margin: 0; }
		.site-functions .email-alerts { position: absolute; top: 15px; right: 15px; }
	
		/* NavigationPrimary */
		#NavigationPrimary { position: absolute; bottom: 0; right: 15px; }
		#NavigationPrimary ul { margin: 0; }
		#NavigationPrimary li { display: inline; padding: 0; background: 0; }
		#NavigationPrimary li.first a { margin-right: 0; }
		#NavigationPrimary a { color: #ccc; float: right; margin: 0 10px 0 10px; } 
		#NavigationPrimary li.active a { color: #ffb400; }

	#HeaderSecondary{background:#131313 url(../Images/Global/HeaderSecondaryBg.png) repeat-y 50% 0;padding:15px 0 5px;}
		#NavigationSecondary { position: relative; }
		#NavigationSecondary ul { margin: 0em; float: right; display: inline; }
		#NavigationSecondary li { display: inline; margin: 0 0 0 10px; padding: 0; background: 0; }
		#NavigationSecondary li a { color: #868787; }
		#NavigationSecondary li a:hover,#NavigationSecondary li.active a { color:#ffb400; }
		
	/* 
		IMPORTANT NOTE: .subnav-visible
		the class subnav-visible has to be on the body tag if the NavigationSecondary is 
		rendered to view or the page will appear broken and inconsistent. 
	*/
	
	.subnav-visible #NavigationPrimary .active a { padding-bottom: 10px; background: transparent url(../Images/Global/SubnavVisiblePrimaryNavActiveBg.png) no-repeat 50% 100%; }
	.subnav-visible #HeaderPrimary{ height:100px; }
	.subnav-visible #Branding { bottom: 10px; }
	.subnav-visible #TitleBarTop { background-image: url(../Images/Global/subnav-visible-TitleBarTop.png); background-position: 50% -35px; padding-top: 25px; }
	
/* columnset
---------------------------------------------- */

	.columnset { overflow: hidden; padding: 0 15px;}
	.columnset .col { float: left; display: inline; margin: 0 0 0 30px; }
	.columnset .col-first { margin-left: 0; }
	
	.columnset-a .col { width: 450px; margin: 0; }
	.columnset-a .col-b { float: right;}
	
	/* three columns
	-------------------------------------------------------------------- */
	
	.columnset-b .col { width: 290px; }
	.columnset-b .col-c { float: right; margin: 0;}
	
	/* standard content page columns
	-------------------------------------------------------------------- */
	
	.columnset-content { padding: 0 0 0 15px; overflow: visible; } 
	.columnset-content .col-a { width: 150px; margin-left: 0; }
	.columnset-content .col-b { width: 570px; margin-left: 15px; }
	.columnset-content .col-c { width: 170px; padding-right: 15px; float: right; margin: 0; overflow: visible; z-index: 100; }

/* Footer
-----------------------------------------------*/
	
	#Footer { border-top: 1px solid #2e2e2e; padding: 14px 0px; width: 930px; }
	#Footer p { color: #505050; margin: 0em; line-height: 20px; float: left; }
	
	.external-links { float: right; }
	.external-links li { display: inline; float: right; margin: 0 0 0 15px; padding: 0; background: 0;}
	
	.external-links .nwda, .external-links .nwda span { background: transparent url(../Images/Global/NWDA.png) no-repeat 0 0; width: 91px; height: 37px; }
	.external-links .engnw, .external-links .engnw span { background: transparent url(../Images/Global/EnglandNW.png) no-repeat 0 0; width: 150px; height: 25px; }

/* FeaturedContent Module
-----------------------------------------------*/

	#FeaturedContent{width:960px;margin:0 auto 20px 0;position:relative;height:1%;padding-left:15px;}
	#FeaturedContent:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
	
	/* set properies for both carousels here */
	#FeaturedContent .js ul li{display:inline;position:relative;}
	/* featured promo carousel */
	#FeaturedPromos ul{}
	#FeaturedPromos ul li{float:left;height:270px;display:inline;padding:0;position:relative;width:800px;font-size:1em;}
	#FeaturedPromos .featured-promo-cta{width:300px;position:absolute;bottom:20px;left:30px;z-index:400;}
	#FeaturedPromos .featured-promo-cta .promo-title{color:#fff;font-size:2.5em;line-height:30px;}
	#FeaturedPromos .carousel-pagination,#FeaturedPromos .carousel-control{display:none;}
	#FeaturePromoSelector{position:absolute;right:15px;top:0;width:130px;display:none;}
	#FeaturePromoSelector .carousel-control{position:absolute;z-index:500;right:-29px;background:transparent url(../Images/Buttons/CarouselBtnSprite.png) no-repeat 0 0;width:39px;height:38px;text-indent:-1000em;overflow:hidden;cursor:pointer;}
	#FeaturePromoSelector .carousel-next{bottom:0px;background-position:0 bottom;}
	#FeaturePromoSelector .carousel-previous{top:0px;}
	#FeaturePromoSelector ul{width:130px;}
	#FeaturePromoSelector ul li{height:90px;display:block;background:0;padding:0;margin:0 0 0 0;float:left;}
	#FeaturePromoSelector ul li img{display:block;}
	#FeaturePromoSelector ul li span{position:absolute;z-index:600;top:40%;width:100%;text-align:center;left:0;color:#ccc;font-size:0.9em;}
	#FeaturePromoSelector ul li a:hover{text-decoration:none;}
	#FeaturePromoSelector ul li a:hover span{color:#fff;}

	/* when javascript is enabled */
	
	.jse #FeaturedContent{height:270px;padding-left:0;} /* set the height for the Featured Content Div */
	.jse #FeaturedPromos{width:800px;position:absolute;top:0;left:14px;} /* position and size Featured Promos carousel */
	
	.jse #FeaturePromoSelector{display:block;} /* show the selector carousel */
	
/* Statistics Charts
------------------------------------------------------ */

	#ChartContainer {}
	#ChartContainer .chart { margin-bottom: 100px; }