﻿/* General */
h1 {color:#ee1c97;font-size:1.5em;}
h2 {color:#ee1c97;font-size:1.3em;}
h3 {color:#ee1c97;}
ul { list-style-image: url(../images/newImages/PinkBullet.gif); }
body {margin:0px;padding:0px;font-family:Gill Sans MT;font-size:0.9em;color:#3871c1;}
img {border:0px;}
a {font-size:0.9em;color:#666;}
a:hover {font-size:0.9em;color:#ed1d24;}
div#wrapper {width:970px;margin-right:auto;margin-left:auto;border:2px solid #3871c1;border-top:0px;padding:0em 0em 0em 0em;background-color:#fff;}

.innerBox {background-color:#FFF;}
/* Master Page Layout */
div#accesibility {width:100%;text-align:right;height:1em;line-height:1em;}
div#header .accessLinks {font-size:1.1em;}
div#fidelitiLogo {padding:0em;}
div#fidelitiLogo ul {padding-left:75px;list-style-image:none;}
div#fidelitiLogo li {list-style: none;}
div#centreRightColumn {float:right;margin:1em 0em 0em 1em;width:200px;}
div#content {width:100%;background: #FFF url(../images/newImages/centralContentBackgroundLin.gif) bottom repeat-x;}
div#centerContent {margin:-1.2em 0px 0px 0px;padding:0em 0px 0em 0px;}
div#footer {width:100%;background: #3972c2 url(../images/newImages/newBackgroundLine.gif) top repeat-x;height:194px;}
div#rightBottom {float:right;background: url(../images/newImages/bottom-right.gif) no-repeat;width:164px;height:194px;clear:both;}
div#leftBottom {float:left;background: url(../images/newImages/bottom-left.gif) no-repeat;width:212px;height:194px;}
div#centreLeftColumn {float:left;width:200px;clear:left;}
div#fidelitiFamily {width:180px;padding-top:10%;background: url(../images/newImages/fideliti_Family.gif) bottom no-repeat;height:360px;}
div#fidelitiTopNav {float:left;margin:-2.5em 0px 0em 240px;min-width:600px;}
div#fidelitiTopNav ul li a {color:#3972c2;font-size:1.3em;}

div#header {background-color:#FFF;border-bottom:solid 4px #3972c2;padding-bottom:8px;background: #FFF url(../images/newImages/sky5.gif) repeat;}
div#centreFooter {color:#fff;font-size:1.1em;text-align:center;font-weight:bold;padding-top:2.25em;}
div#header a {font-weight:bolder; font-size:1.2em;text-decoration:none;color:#3871c1;font-family:Gill Sans MT;}
div#footer p {margin:0px;padding:10px;}
div#leftColumn ul{float:left;}
div#centerColumn {margin: 2px 200px 0 200px;padding: 0em 1em 0em 1em;background-color:White;min-height:600px;}
div#centerColumn a {font-size:1.1em;}
/* For master with no right column if used? */
div#centerColumnNoRight {margin: 2px 0px 0 200px;padding: 2em 1em 0em 1em;background-color:White;}
div#advert {float:left;padding: 1em 0px 0em 0em;}
div#fidelitiTopNav ul {margin:0px 0px 0px 0px;padding: 5px 5px 5px 20px}
div#fidelitiTopNav li{display: inline;list-style-type: none;padding: 0px 1em 0em .5em;}
div#contactFideliti {float:right;width:300px;font-weight:bold;padding: .7em 0em 0em 0em;text-align:right;}
div#centreFooter .contactFideliti {margin-top:-2em;}
div#headerLogin {margin-top:.6em;}   
 
/* Breadcrumb*/
.breadcrumb {font-size:.8em;color:#666;float:left;padding:2px;}
.breadcrumb a {font-size:1em;}
/* div#phoneNumber {background: url(../images/newImages/contactDetails2.gif) right no-repeat;width:501px;height:83px;}*/
/* login */
.loginButton {font-size:1.3em;margin:12px 20px 0 0;color:#3871c1;}

/* Footer */
div.footerLower {text-align: center;padding-bottom:4em;}
div.footerLower ul {margin: 0;list-style: none;}
div.footerLower ul li {margin: 0;padding: 0;list-style: none;font-size: 0.9em;display: inline;padding-left:1em;}
div.footerLower a:link, div.footerLower a:visited {color: #FFF;text-decoration: none;}
div.footerLower a:link:hover, div.footerLower a:visited:hover {color: #C00;text-decoration: none;}


/* Right Column */

div#centreRightColumn ul {margin-left:-10px;}
/* Left Nav */

div#centreLeftColumn #mainMenu{list-style: none;margin: 0;padding: 0;}

/* Page Tools */
div#pageTools {
	border-top: 1px solid #ee1c97;
	margin-top: 20px;
	text-align: right;
	height:2em;
}
div#pageTools ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#pageTools ul.left {text-align: left; float: left; margin-top: 6px; padding: 0; line-height: 1.2em; }
div#pageTools ul.right {text-align: right; float: right; margin-top: 6px; padding: 0; line-height: 1.2em; }
div#pageTools ul li {
	margin: 0;
	padding: 0;
	font-size: 1em;
	list-style: none;
	display: inline;	
	font-weight: bold;
	color: #3871c1;
}
div#pageTools a {text-decoration: none;}
div#pageTools a:link, div#pageTools a:visited {color:#ee1c97;}
div#pageTools a:link:hover, div#middleRegion div#middleLeft div#pageTools a:visited:hover {color: #C00;}

/******* Clients Logo Table *********/

.logoTable td 
{
	background-color: #FFF;
	text-align:center;
	height:90px;
}

.logoTable .singleLogo
{
	height:60px;
}

table th 
{
	/*background-color: #D9EEE7;*/
	font-size: 1em;
	font-weight:normal;
	text-align: left;
}
	
table td 
{
	
}
	
table input.textbox
{
	border: 1px solid #666;
	font-size: 1em;
	padding: 2px;
	width: 220px
	}
	
select.dropdownmenu 
{
	border: 1px solid #666;
	font-size: 1em;
	padding: 2px;
	}
	
table input.textboxShorter 
{
	border: 1px solid #666;
	font-size: 1em;
	padding: 2px;
	width: 200px;
	}
	
.dateBoxes 
{
	border: 1px solid #666;
	font-size: 1em;
	padding: 2px;
	width: 130px;
	}
	
table textarea.textbox 
{
	border: 1px solid #666;
	font-size: 1em;
	padding: 2px;
	width: 320px;
	font-family: Trebuchet MS;	
}



/*** Accessibility header ***/
div#accessibility {text-align:right;line-height:1.8em;font-size:.8em;}
div#accessibility a.standard:hover, div#accessibility a.blackOnWhite:hover, div#accessibility a.blackOnYellow:hover,div#accessibility a.yellowOnBlack:hover{padding:.4em; background-color:#336699;color:#fff;border:1px solid black;font-size:1em;}
div#accessibility a.standard{padding:.4em;  background-color:#FFF;color:#3871c1;border:1px solid black;font-size:1em;}
div#accessibility a.blackOnWhite { padding:.4em; background-color:#FFF;color:Black;border:1px solid black;font-size:1em;}
div#accessibility a.blackOnYellow {padding:.4em;  background-color:Yellow;color:Black;border:1px solid black;font-size:1em;}
div#accessibility a.yellowOnBlack {padding:.4em; background-color:#000;color:yellow;border:1px solid black;font-size:1em;}


/**** Right Column Box *****/

.rightColBox {
	width: 193px;
	padding:0em 5px 0px 2px;
	text-align:center;
}

div.rightColBox div.rightColBoxTop {
	width: 193px;
	height: 6px;
	max-height: 6px;
	background: url(../images/NewImages/rightInnerBoxTop.gif) bottom left no-repeat;
	padding: 0;
	margin: 0;
}
div.rightColBox div.rightColBoxContent {
	background: #3972c2;
	padding: 4px;
	float: left;
	width: 185px;
	text-align:left;
	
}
div.rightColBox div.rightColBoxContent h2 {
	color: #FFF;
	font-size: 18px;
	margin: 0;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 6px;	
	/* font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Gill Sans MT,"Times New Roman";
	font-weight: normal;
	
}
div.rightColBox div.rightColBoxContent p {
	font-size: 11px;
}
div.rightColBox div.rightColBoxContent ul {
	margin: 0;
	padding-left: 25px;
}
div.rightColBox div.rightColBoxContent ul li {
	list-style: url(../images/whiteOnGreenBullet.gif);
	font-size: .9em;
	color: #FFF;
	line-height: 18px;
	text-align:left;
}
div.rightColBox div.rightColBoxContent div.label {
	margin-top: 3px;
	float: left;
	text-align:left;
	
}
div.rightColBox div.rightColBoxContent div.field {
	margin-top: 3px;
	float: left;
	text-align:left;
		
}
div.rightColBox div.rightColBoxContent span.fieldLabel {
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	margin-right: 5px;
	text-align:left;
}
div.rightColBox div.rightColBoxContent input.textEntry {
	border: 1px solid #666;
	font-family:Gill Sans MT,"Times New Roman";
	font-size: .8em;
	width: 160px;
}
div.rightColBox div.rightColBoxContent select.textDropDown {
	width: 180px;
	border: 1px solid #666;
	font-family:Gill Sans MT,"Times New Roman";
	font-size: .8em;	
}
div.rightColBox div.rightColBoxContent div.formSubmit 
{
	float: left;
	background: url(../images/NewImages/submitButtonOuter.gif) top left no-repeat;
	width: 189px;
	height: 43px;
	text-align: left;
	margin-top: 6px;
}
div.rightColBox div.rightColBoxContent div.formSubmit input.rightColButton {
	border: none;
	font-family:Gill Sans MT,"Times New Roman";
	font-size: 12px;	
}
div.rightColBox div.rightColBoxContent div.errorMessages 
{
	width: 180px;
	text-align: center;
	float: left;
	}
div.rightColBox div.rightColBoxBottom {
	width: 193px;
	height: 6px;
	background: url(../images/NewImages/rightInnerBoxBottom.gif) top left no-repeat;
	float: left;
}

div.rightColBox a{
	color:#FFF;
	text-decoration:none;
}

div.rightColBox a:hover{
	color:#ccc;
	text-decoration:none;
}

.asplabel {font-size:1.05em;}


/**** Main Nav ****/
div#centreLeftColumn #mainMenu {margin-top:1em;padding-top:46px;background: url(../images/newImages/text_navigation.png) no-repeat top ;}
ul#mainMenu li {padding:.2em 0em .2em 0em;}

/* GridView Classes */
.gridView               {border: 1px solid #666;padding: 2px;font-size: 1em;}
.gridViewFooter         {background-color: #3871c1;color: #FFF;	text-align: left;}
.gridViewRow            {background-color: #FFF;border-bottom: 1px solid #666;}
.gridViewPager          {background-color: #3871c1;color: #FFF;text-align: left;}
.gridViewPager a:link, .gridViewPager a:visited {color: #FFF;}
.gridViewPager a:link:hover, .gridViewPager a:visited:hover {color:#9FF;}
.gridViewSelectedRow    {}
.gridViewHeader         {background-color: #3871c1;color: #FFF;text-align: left;border-bottom: 2px solid #666;}
.gridViewHeader a       {text-decoration: none;}
.gridViewHeader a:link, .gridViewHeader a:visited {color: #FFF;}
.gridViewHeader a:link:hover, .gridViewHeader a:visited:hover {color:#9FF}        
.gridViewEditRow        {background-color: #3972c3;color: #FFF;text-align: left;}
.gridViewAlternatingRow {background-color: #c1d7da;border-bottom: 1px solid #666;}


/**** Terms and conditions ****/

div#content .terms 
{
	background-color: #FFF;
	border: 1px solid #666;	
	height: 250px;
	padding: 4px;	
	overflow-y: auto;	
	width: 474px;
	vertical-align: top;
	}
div#content .terms ul 
{	
	margin: 0;
	padding: 0;
	margin-left: 10px;	
	vertical-align: top;
	list-style: none;
	list-style-image:none;
	}
div#content .terms ul li
{
	font-size: 11px;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	width: 430px;
	vertical-align: top;	
	margin-top: 3px;
	margin-bottom: 3px;
	background: url(../images/NewImages/pinkBullet.gif) left 4px no-repeat;
	}
	

	/**** Remove the h1 tags for headers and replace with images ****/
	
	.childcareVouchersh1 {margin-top:-10px;font-size:0em;color:#fff;padding-bottom:-5px;background: url(../images/NewImages/headers/childcarevouchersH1.png) left 2px no-repeat; height:40px;width:250px;}
	.whyUseFidelitih1 {font-size:0em;color:#fff;margin:0px;padding:0px;background: url(../images/NewImages/headers/whyusefidelitiH1.png) left 2px no-repeat; height:40px;width:250px;}
	.potentialSavingsh1 {font-size:0em;color:#fff;margin:0px;padding-bottom:5px;background: url(../images/NewImages/headers/potentialSavingsHeader.png) left 2px no-repeat; height:40px;width:500px;}
	.aboutUsh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/aboutFidelitih1.gif) left 2px no-repeat; height:40px;width:500px;}
	.ourClientsH1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/ourclientsh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.newsH1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/newsh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.contactUsh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/contactfidelitih1.gif) left 2px no-repeat; height:40px;width:500px;}
	.pleaseloginh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/pleaseloginh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.registerForFidelitih1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/registerforfidelitih1.gif) left 2px no-repeat; height:40px;width:500px;}
	.employerinfoh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/employerinformationh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.schemeSetuph1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/schemesetuph1.gif) left 2px no-repeat; height:40px;width:500px;}
	.employerFaqsh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/frequentlyAskedQuestionsh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.approvedChildcareh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/approvedchildcareh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.salarysacrificeh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/salarysacrificeguidelinesh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.requestInfoh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/informationPackRequestFormh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.registerNowh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/registernowh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.employeeOverviewh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/employeesOverviewh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.childcareproviderinfoh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/childcareproviderinfoh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.employeeStatementh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/statementh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.addNewPaymenth1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/statementh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.oneOffPaymenth1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/oneOffPaymenth1.gif) left 2px no-repeat; height:40px;width:500px;}
	.regularPaymentsh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/regularPaymentsh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.addChildcareProviderh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/addchildcareproviderh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.changePasswordh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/changepasswordh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.familyDiscountsh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/familyDiscountsh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.loggedinh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/loggedinh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.feedbackh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/feedbackh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.updatecontactdetailsh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/updateContactDetailsh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.updateenhancedsecurityh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/enhancedSecurityh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.voucherDetailsh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/voucherdetailsh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.EnterVoucherNumberh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/pleasentervouchernumberh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.savingsCalculatorh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/savingscalculatorh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.privacypolicyh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/privacypolicyh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.fidelitichildcarevouchersh1h1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/fidelitichildcarevouchersh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.futurePaymentsh1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/futurepaymentsh1.gif) left 2px no-repeat; height:40px;width:500px;}
	.lostPasswordH1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/forgottenPasswordH1.gif) left 2px no-repeat; height:40px;width:500px;}
	.successH1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/SuccessH1.gif) left 2px no-repeat; height:40px;width:500px;}
	.lostUsernameH1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/forgottenUsernameH1.gif) left 2px no-repeat; height:40px;width:500px;}
	.childcareLocatorH1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/childcareLocatorH1.gif) left 2px no-repeat; height:40px;width:500px;}
	.confirmPaymentH1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/confirmPaymentH1.gif) left 2px no-repeat; height:40px;width:500px;}
	.preferredvoucherstartdateH1 {font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/preferredvoucherstartdateH1.gif) left 2px no-repeat; height:40px;width:500px;}
	.Directoratesh1 
	{
	float: left;
	background-position: left 0px;
	width: 680px;
	height: 22px;
	margin-bottom: 10px;
		
		font-size:0em;color:#fff;margin:10px 0px 0px 0px;padding:0px;background: url(../images/NewImages/headers/directoratesh1.gif) left 2px no-repeat; height:40px;}
	
	
