/* Standard Style Sheet */

@import url("../../css/layout-navtop-2col.css");
@import url(ecommerce.css);
@import url("typo.css");
@import url("nav.css");

@import url("Home.css");

/*main body*/
body 
{
	text-align:center;
	background-color:#ffffff;
	padding: 0px;
	top: 0px;
	margin: 0px;
	background-image: url(images/page.jpg);
	background-repeat: repeat-x;
}

div#page
{
	width:1000px;
	top: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right:auto;
	padding: 0px;
	background-color:#FFFFFF;
}

/*page header*/

div#branding
{
	display:none;
}
/*header*/
div#header
{
	width:1000px;
	top: 0px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
div#h-extra1
{
	width:1000px;
	height: 135px;
	top: 0px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(images/IFS-header.jpg);
	background-repeat: no-repeat;
	display: block;
}

div#h-extra2
{
	width:1000px;
	height: 144px;
	top: 0px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #443e88;
}
div#header hr
{
	display:none;
}

/* navigation*/
div#nav
{
	width: 925px;
	height: 23px;
	top: 0px;
	margin:-218px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

/* main content*/
div#cm-extra1
{
	width: 681px;
	height: 10px;
	background-image: url(images/home-content_header.jpg);
	background-repeat: no-repeat;
	margin: 20px 10px 0px auto;
}
div#content-main
{
	width: 681px;
	height:auto;
	margin: 0px 10px 0px auto;
	float: right;
	padding: 0px;
	background-image: url(images/home-content_bg.jpg);
	background-repeat: repeat-y;
}

div#cm-extra2
{
	width: 681px;
	height: 18px;
	background-image: url(images/home-content_footer.jpg);
	background-repeat: no-repeat;
	float: right;
	margin: 0px 10px 0px auto;
}

div#pagecontent
{
	width: 660px;
	margin: 0px auto 5px 25px;
	min-height: 300px;
}

body.Retirement div#pagecontent
{
	width: 660px;
	margin: 0px auto 5px 25px;
	min-height: 415px;
}
div#p-extra1
{
	display:none;
}
div#c-extra1
{
	float: left;
	width: 277px;
	position: absolute;
	display: block;
	top: 0px;
}

div#product-header
{
 background-image: url(images/product-header.jpg);
 background-repeat: no-repeat;
 width: 277px;
 height: 7px;
 margin-left: 1px;
}

div#product
{
 background-image: url(images/product-bg.jpg);
 background-repeat: repeat-y;
 width: 277px;
 padding-top: 25px;
 padding-bottom: 20px;
 margin-left: 1px;
}

div#product-footer
{
 background-image: url(images/product-footer.jpg);
 background-repeat: no-repeat;
 width: 277px;
 height: 9px;
 margin-left: 1px;
}

div#product-content
{
	 width: 244px;
	 height:80px;
	 border: solid 1px #dedede;
	 display: block;
	 margin:auto auto auto 10px;
	 color: #474189;
	 text-indent: 50px;
	 background-image: url(images/product-image.jpg);
	 background-repeat: no-repeat;
}
body#page-news h2, body#page-newsstory 
{
    text-indent: 0px;
}
h2
{
	background-image: url(images/h2.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
	height: 25px;
	width: 650px;
	color:#474189;
	font-size:1.4em;
	font-weight: bold;
	text-indent: 5px;
	padding-top: 2px;
	text-decoration: none;
}

h3
{
	font-family:Calibri,Trebuchet MS,Verdana;
	color:#474189;
	font-size:1.2em;
	font-weight: bold;
	text-indent: 0px;
	width: 100%;
	text-decoration: none;
	width: 630px;
}

img 
{
	border: solid 1px #433b8d;
}

div#content
{
	width:1000px;
	min-height: 500px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

div#content-main hr
{
	display: none;
}

div#content-sub
{
	display: none;
} 

div#cs-extra2
{
    display:none;
}


/*news*/
div#newsbiteheader
{
	
	background-image:url(images/news-header.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:160px;
	margin-top: 0px;
}

div#newsbitefooter, div#newsletterBitefooter
{
	
	background-image:url(images/news-footer.jpg);
	background-repeat:no-repeat;
	height:16px;
	width:160px;
	margin-top: 0px;
}

div#newsbiteheader h2
{
	display:none;
}

div.newsbite,div#newslettersignupform, div.eventbite
{
	width:160px;
	background-image:url(images/news-bg.jpg);
	background-repeat:repeat-y;
	margin-left: 0px;
	padding: 10px 0px 0px 10px;

}

/* RSS*/
div#newsRssLink
{
	/*border: solid 1px red;*/
	width:160px;
	background-image:url(images/news-bg.jpg);
	background-repeat:repeat-y;
	padding: 0px;
	margin: 0px;
	
}

div#allNewsLink, div#allEvents
{
	width:160px;
	background-image:url(images/news-bg.jpg);
	background-repeat:repeat-y;
	color: #a5ac24;
	padding: 0px 0px 2px 10px;
}

/*Typo*/



/*footer*/
div#footer
{
	width: 100%;
	padding: 0px;
	color: #000000;
	float: left;
	background-color: white;
	background-color: #ffffff;
}

div#footermain
{
	padding: 0px;
	color: #000000;
	text-align: center;
	display: block;
}

div#footerNav a,div#footerNav a:hover,div#footerNav a:link,div#footerNav a:active,div#footerNav a:visited
{
	color:#000000;
	text-decoration:none;
}
div#footerNav a:hover
{
	text-decoration:underline;
}

div#footerNav
{
	text-align:center;
	padding: 10px 0px 0px 0px;
	width: 1000px;
	height: 30px;
	bottom: 0px;
	left: 0px;
	margin: 0px auto 0px auto;
	color: #000000;
	background-color: #ffffff;


}
/*contact page*//*contact*/
/*Text inputs*/
.textbox, .textboxHovered {
	width:252px;
	height:30px;
	background:url(images/input.jpg) no-repeat left top;
	border:none;
	padding:2px 4px;

}
.textbox:hover, 
.textbox:focus, 
.textbox:active, 
.textboxHovered {
	background-position:left bottom;
}
/*Text areas*/
textarea,textarea.textbox, .textarea, .textareaHovered {
	width:352px !important;
	height:133px !important;
	background:url(images/textbox.jpg) no-repeat left top;
	border:none;
	padding:4px 8px;
}
textarea:hover,
textarea:active,
textarea:focus,
textarea.textbox:hover,
textarea.textbox:active,
textarea.textbox:focus,
.textareaHovered {
	background-position:left bottom;
}

body#page-contactform div#newsletterSubmitButton .button, div#newsletterSubmitButton.button:hover {
	width:74px;
	height:24px;
	color:#474189;
	font-weight:normal;
	padding:2px 5px;
	background:url(images/submit.jpg) no-repeat left top;
	cursor:pointer;
	border:none;
}
body#page-contactform div#newsletterSubmitButton .button:hover {
	background-position:left bottom;
	color: white;
}

body#page-contactform div.row				
{
	float:left;
	width:100%;
	margin:0.5em 0 0.5em 0;
}
body#page-contactform span#pagecontent
{
			font-family:Arial;
			font-size:1.0em;
			color: #474189;
			line-height:1.6em;
			display:block;
			width: 633px;
			margin: 34px auto 5px auto;
			min-height: 300px;

}
body#page-contactform span.label
{
	display:block;
	float:left;
	width:12em;
	clear:left;
	color: #474189;
	font-weight: bold;
}
body#page-contactform span.formw			
{
	display:block;
	width: 251px;
	height: 100%;
	border:none;
}
body#page-contactform span.formv
{
	display:block;
	width:251px;
	height: 100%;
	border:none;
}

div#contactForm .row span.formw .textbox
{
	width:252px;
	height: 19px;
	border:none;
}

div#contactForm .row span.formw input#Salutation
{
	width:252px;
	height: 25px;
	border:none;
}

div#contactForm .row span.formw input#Name,div#contactForm .row span.formw input#Country, div#contactForm .row span.formw input#Email     
{
	width:252px;
	height: 25px;
	border:none;
}

div#contactForm .row span.formw input#Telephone,div#contactForm .row span.formw input#Fax,div#contactForm .row span.formw input#Mobile,div#contactForm .row span.formw input#Email,div#contactForm .row span.formw input#Address1,div#contactForm .row span.formw input#Address2,div#contactForm .row span.formw input#Company,div#contactForm .row span.formw input#Town,div#contactForm .row span.formw input#County,div#contactForm .row span.formw input#Website
{
	width:252px;
	border:none;
	height: 25px;
}
div#contactForm .row span.formw input#Postcode
{
	width:251px;
	height: 25px;
	border:none;
}

div#contactForm .row span.formw input#Telephone,div#contactForm .row span.formw input#Fax,div#contactForm .row span.formw input#Mobile
{
	width:270px;
	border:none;
	height: 25px;
}

/*news page*/

body#page-news span#pagecontent
{
			
			line-height:1.6em;
			display:block;
			width: 633px;
			margin: 34px auto 5px auto;
			min-height: 300px;

}

div#newsRssLinkMain
{
	/*border: solid 1px red;*/
	width:633px;

	
}

/*example banner*/

div#mortgage-banner
{
	width: 647px;
	height: 90px;
	margin: 10px auto 10px auto;
	background-image: url(images/banner.jpg);
	display: block;
	color: White;
	padding-left: 10px;
	background-repeat: no-repeat;
}

div#mortgage-banner b
{
	color: White;
	font-weight: bold;
	text-decoration: underline;
}

div#mortgage-banner p
{
	padding: 0px;
}

/*tables*/
div#pagecontent table {
	border:2px solid #474189;
	border-collapse:collapse;
	font-family:arial,sans-serif;
	font-size:1.5em;
	font-weight: bold;
	text-align: center;
}

div#pagecontent  td,th{
	border:1px solid #474189;
	border-collapse:collapse;
	padding:5px;
}	

div#pagecontent tbody td{
	background:#e3e1f6;	
}
div#pagecontent tbody tr.odd td{
	background: #ffffff;
}

div#pagecontent  tfoot td{
	text-align:right;
	font-weight:bold;
	background:#FFFFFF;
}

/*mortgage calculator*/
div#pagecontent .textbox
{
	width:251px;
	height: 19px;
	border:none;
}

form#mortgageForm table {
	border:none;
	font-family:arial,sans-serif;
	font-size:1.2em;
	font-weight: bold;
	text-align: center;
}

form#mortgageForm tbody td{
	background:none;	
}

form#mortgageForm td,th{
	border:none;
	padding:5px;
}	

/* dynamic signup form */
div#f-extra1
{
    width:100%;
	margin: 10px 0px 0px 0px;
	height: 9px;
	padding: 0px;
	float: right;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
	color: White;
}
div#signup
{
    width: 676px;
    margin: 0px 10px 0px auto;
    background-image: url(images/signup-bg.jpg);
    background-repeat: repeat-y;
    color: White;
    text-align: center;
}

div#signup-header
{
    width: 676px;
    height: 54px;
    margin: 0px 10px 0px auto;
    background-image: url(images/signup-header.jpg);
    background-repeat: no-repeat;
}

div#signup-footer
{
    width: 676px;
    height: 44px;
    margin: 0px 10px 0px auto;
    background-image: url(images/signup-footer.jpg);
    background-repeat: no-repeat;
}

div#submitButton .button, div#submitButton.button:hover {
	width:74px;
	height:24px;
	color:#FFFFFF;
	font-weight:normal;
	padding:2px 5px;
	background:url(images/submit1.jpg) no-repeat left top;
	cursor:pointer;
	border:none;
}
div#submitButton .button:hover {
	background-position:left bottom;
}

.textBox, .textBoxHovered {
	width:252px;
	height:20px;
	background:url(images/input1.jpg) no-repeat left top;
	border:none;
	padding:3px 5px 0px 5px;
	font-size: 12px;

}
.textBox:hover, 
.textBox:focus, 
.textBox:active, 
.textBoxHovered {
	background-position:left bottom;
}

div#signup span.label
{
	display:block;
	float:left;
	width:12em;
	clear:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
}
div#signup span.formw			
{
	display:block;
	width: 251px;
	height: 100%;
	border:none;
}

div#signup .row span.formw .textbox
{
	width:150px;
	height: 50%;
	border:none;

}

div#signup .row				
{
	width:500px;
	height: 20px;
	margin:0.5em 0 0.5em 0;
	text-align: center;
	margin-left: 80px;
}

div#signup-Title
{
    color: #ffffff;
    font-size: 1.5em;
}

div#signup-Small
{
    color: #ffffff;
    font-size: 1.0em;
}

div#signup b
{
    color: White;
    font-weight: bold;
    text-transform: capitalize;
}
/*styling for h2 in the signup form*/
div#signup H2
{
	font-family:Calibri,Trebuchet MS,Verdana;
	color:#FFFFFF;
	border-bottom: none;
	font-size:1.4em;
	font-weight: normal;
	line-height: 1.5em;
	text-decoration: none;
	background: none;
	text-indent: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: auto;
	height: auto;
}

body#page-news H2
{
    background: none;
}

body#page-news div#f-extra1
{
    display: none;
}

div#c-extra2
{
	color: White;
    margin: 10px 335px 0px auto;
	width: 681px;
	display:none;
	
}

body.Retirement div#c-extra2, body.Insurance div#c-extra2, body.Business div#c-extra2, body.Mortgages div#c-extra2, body.Wills div#c-extra2, body.Home div#c-extra2, body.Investment div#c-extra2
{
	color: White;
    margin: 10px auto 0px auto;
	width: 100%;	
	display: block;
	right: 0px;
	float: right;
}

div#signup
{
    width: 676px;
    margin: 0px 10px 0px auto;
    right: 0px;
    background-image: url(images/signup-bg.jpg);
    background-repeat: repeat-y;
    color: White;
    padding: 0px 0px 0px 0px;
    top:0px;
    text-align: center;
   }

div#signup-header
{
    width: 676px;
    height: 17px;
    margin: 0px 10px 0px auto;
    right: 0px;
    background-image: url(images/signup-header.jpg);
    background-repeat: no-repeat;
}

div#signup-footer
{
    width: 676px;
    height: 16px;
    margin: 0px 10px 0px auto;
    right: 0px;
    background-image: url(images/signup-footer.jpg);
    background-repeat: no-repeat;
}
div#signup-Title
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

/*Products*/

body.Investment a.Contact
{
    background-image: url(images/ContactInvestment.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}
body.Retirement a.Contact
{
    background-image: url(images/ContactRetirement.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}
body.Insurance a.Contact
{
    background-image: url(images/ContactInsurance.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Wills a.Contact
{
    background-image: url(images/ContactWill.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Business a.Contact
{
    background-image: url(images/ContactBusiness.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Mortgages a.Contact
{
    background-image: url(images/ContactMortgages.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}
body.Retirement a.StartingOut
{
    background-image: url(images/StartingOut.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Retirement a.HalfWay
{
    background-image: url(images/halfway.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Retirement a.AtRetirement
{
    background-image: url(images/AtRetirement.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Retirement a.InRetirement
{
    background-image: url(images/InRetirement.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Insurance a.Life
{
    background-image: url(images/Life.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Insurance a.Critical
{
    background-image: url(images/critical.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Insurance a.Health
{
    background-image: url(images/Perm.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Wills a.Benifits
{
    background-image: url(images/BenifitsWill.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Wills a.Good
{
    background-image: url(images/GoodWill.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Wills a.Attorney
{
    background-image: url(images/Power.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Business a.KeyPeople
{
    background-image: url(images/KeyPeople.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}
body.Business a.Staff
{
    background-image: url(images/Staff.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}


body.Mortgages a.Types
{
    background-image: url(images/TypesM.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Mortgages a.Fees
{
    background-image: url(images/Fees.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Mortgages a.Rates
{
    background-image: url(images/Rates.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Investment a.Risk
{
    background-image: url(images/Risk.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Investment a.Planning
{
    background-image: url(images/Planning.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}

body.Investment a.ProductP
{
    background-image: url(images/ProductP.jpg);
    background-repeat: no-repeat;
    width: 330px;
    height: 84px;
    display: block;
    margin: 0px 0px 0px -4px;
}
a:hover.Risk, a:hover.Planning, a:hover.ProductP, a:hover.Types, a:hover.Fees, a:hover.Rates, a:hover.Health, a:hover.Staff, a:hover.KeyPeople, a:hover.StartingOut, a:hover.HalfWay, a:hover.AtRetirement, a:hover.InRetirement, a:hover.Life, a:hover.Critical, a:hover.Contact, a:hover.Benifits, a:hover.Good, a:hover.Attorney
{
    background-position: left bottom;
}

a.Rates
{
    display: none;
}

a.Fees
{
    display: none;
}

a.Types
{
    display: none;
}

a.Staff
{
    display: none;
}

a.KeyPeople
{
    display: none;
}

a.Health
{
 display: none;
}

body.Investment a.StartingOut
{
    width: 330px;
    height: 84px;
    display: none;
    margin: 0px 0px 0px -4px;
}

body.Investment a.HalfWay
{
    width: 330px;
    height: 84px;
    display: none;
    margin: 0px 0px 0px -4px;
}

body.Investment a.AtRetirement
{
    width: 330px;
    height: 84px;
    display: none;
    margin: 0px 0px 0px -4px;
}

body.Investment a.InRetirement
{
    width: 330px;
    height: 84px;
    display: none;
    margin: 0px 0px 0px -4px;
}

body.Retirement a.Life
{
    width: 330px;
    height: 84px;
    display: none;
    margin: 0px 0px 0px -4px;
}

body.Retirement a.Critical
{
    width: 330px;
    height: 84px;
    display: none;
    margin: 0px 0px 0px -4px;
}

a.Benifits
{
    width: 330px;
    height: 84px;
    display: none;
    margin: 0px 0px 0px -4px;
}

a.Good
{
    width: 330px;
    height: 84px;
    display:none;
    margin: 0px 0px 0px -4px;
}

a.Attorney
{
    width: 330px;
    height: 84px;
    display: none;
    margin: 0px 0px 0px -4px;
}

div#product-home
{
    width: 153px;
    display:none;    
}

hr
{
    display: none;
}

.newsdate
{
    text-align: left;
}