/* Inform CSS - sean@silverstripe.com */

/* GLOBALS */
html {
	width:100%;
	height:100%;
	background:#8fd400;
}
body {
	padding:0 385px 0 385px;
	text-align:center;
	font-size:62.5%;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size:1em;
	/* reset font-sizes to 1em == 10px */
	padding:0;
	margin:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	list-style:none;
}
a img { border:0; }
.clear {	clear:both; }
.clearright { clear:right }

/* LAYOUT FOUNDATION */
#sizer {
	margin:0 auto;
	padding:0;
	max-width:300px;
	width:70%;
}
#expander {
	margin:0 -385px 0 -385px;
	min-width:770px;
}
#repeat_top {
	background:#fff url(../images/repeat_top.gif) repeat-x top left;
	text-align:left;
}
	#repeat_right {
		background:url(../images/repeat_right.gif) repeat-y top right;
	}
		#repeat_bot {
			background:url(../images/repeat_bot.gif) repeat-x bottom left;
		}
			#repeat_left {
				background:url(../images/repeat_left.gif) repeat-y top left;
			}
				#corners_topleft {
					background:url(../images/corner_topleft.gif) no-repeat top left;
				}
					#corners_topright {
						background:url(../images/corner_topright.gif) no-repeat top right;
					}
						#corners_botleft {
							background:url(../images/corner_botleft.gif) no-repeat bottom left;
						}
							#corners_botright {
								background:url(../images/corner_botright.gif) no-repeat bottom right;
							}
							
/* BASIC LAYOUT STYLING */
#Main {
	padding:35px;
}
#Header {
	position:relative;
}
	#Header h1 {
		margin-bottom:20px;
	}
		#Header h1.myInformHeader {
			margin-bottom:45px;
		}
		
	#Content h2 {
		margin-right: 5px; /* Avoid little green spot in "about-us" page */
	}	
	
	#Content a:link {
		color:#333;
	}

	#Content a:hover,
	#Content a:active {
		color:#4F4922;
	}

	#Health h1,
	#Income h1,
	#Trauma h1,
	#Life h1,
	#Mortgage h1
	{
		padding-left: 73px;
		line-height: 2.2em;
	}
	
	#Health h1 {
		background: url(../images/icons_health.gif) no-repeat left top;
	}

	#Income h1 {
		background: url(../images/icons_income.gif) no-repeat left top;
	}

	#Trauma h1 {
		background: url(../images/icons_trauma.gif) no-repeat left top;
	}

	#Life h1 {
		background: url(../images/icons_life.gif) no-repeat left top;
	}

	#Mortgage h1 {
		background: url(../images/icons_mortgage.gif) no-repeat left top;
	}
	
	/* Override for headline logo */
	#Header h1 {
		padding-left: 0 !important;
		background: none !important;
	}
	
/* ICON NAV */
#IconNav {
	text-align:right;
	position:absolute;
	right:125px;
	top:30px;
}
#IconNav li {
	display:inline;
	/* margin:0px 0px 0px 19px !important; */
	margin:0px 0px 0px 15px !important;
}
	
/* SITE MENU NAV */
#SiteMenu {
	position:absolute;
	top:0px;
	right:0px;
	background: #dbebba url(../images/button_contactus.gif) no-repeat left top;
	padding:0px;
	width: 101px;
}
	
	#Myinform #SiteMenu {
		background: none;
		top: 24px;
	}

	#SiteMenu li {
		display: block;
		padding:0px;
		margin: 0px;
		text-align: center;
	}
	#SiteMenu li.first {
		margin-top: 18px;
	}
	#SiteMenu li.last {
		background: #fff url(../images/SiteMenuBottom.gif) no-repeat top left;
		padding-top: 15px;
	}
		#SiteMenu li a,
		#SiteMenu li span {
			font-size:1.2em;
			font-family:Georgia,"Times New Roman",serif;
			color:#333;
			line-height: 1.6em;
		}
		#SiteMenu li a {
			text-decoration:underline;
		}
			#SiteMenu li a:hover {
				text-decoration:underline;
			}
				
/* MENU1 STYLING (GENERIC) */
#MenuHolder {
	position: relative;
	background:#f7d917 url(../images/menu1_left.gif) no-repeat left center;
	text-align:right;
	height: 30px;
	margin-bottom:10px;
	clear:both;
}
#MenuHolder #Menu1 {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 30px;
	padding:0px 22px 0px 0px;
}

	#Menu1 li {
		display:block;
		float: left;
		width: 78px;
		padding:8px 0px 7px 0px;
		margin: 0px;
		font-size:1.2em;
		font-family:Georgia,"Times New Roman",serif;
		white-space: nowrap;
	}
	#Menu1 li.AboutUsLink {
		padding: 8px 0px 7px 0px;
	}
	#Menu1 li#text-trauma a {
		padding-right:10px;
		padding-left:11px;
	}
	#Menu1 li#text-life a {
		padding-right:24px;
		padding-left:23px;
	}
	#Menu1 li#text-income a {
		padding-right:13px;
		padding-left:13px;
	}
	#Menu1 li#text-health a {
		padding-right:14px;
		padding-left:14px;
	}
	
		#Menu1 li.last {
			border-right: 2px solid #fff;
			padding-right: 17px;
		}
		#Menu1 li a {
			color:#333;
			line-height: 1.2em;
			padding:8px 7px 7px 7px;
			text-decoration:none;
			font-family:Georgia,"Times New Roman",serif;
			background: #f7d917;
		}
		#Menu1 li.hover,
		#Menu1 li.current,
		#Menu1 li.section {
			/* background:url(../images/menu1_right-on.gif) no-repeat right center; */
		}
			#Menu1 li.hover a,
			#Menu1 li.current a,
			#Menu1 li.section a {
				/* background:url(../images/menu1_left-on.gif) no-repeat left center; */
				background:#FBEC8B;
			}
				
/* INFORM MENU1 STYLING */
#InformMenu {
	height:35px;
	position:relative;
	margin-bottom:10px;
	background:#8fd400 url(../images/menu1mi_left_bg.gif) no-repeat bottom left;
}
	#InformMenu ul {
		height:35px;
		position:absolute;
		bottom:0px;
		width:100%;
		padding-bottom:24px;
		background:url(../images/menu1mi_right_bg.gif) no-repeat bottom right;
	}
	/* HACK IE6 */
	body>div #InformMenu ul {
		padding-bottom: 25px;
	}
		#InformMenu ul li {
			display:inline;
			margin-right:13px;
		}
	#InformMenu ul li#InformDetails {
		display: block;
		position: absolute;
		bottom: 10px;
		left: 10px;
		height: 15px;
		width: 95%;
		overflow: hidden;
		color: #fff;
		font-family:Georgia,"Times New Roman",serif;
		font-size: 11px;
	}
p.needHelp {
	position:absolute;
	top:0px;
	right:0px;
}

p.myLogout
{
	position:absolute;
	top:-25px;
	right: 0px;
}


/* MYINFORM FEATURE BOXES STYLING */
div.memberInfo * {
	font-family:Tahoma,"Times New Roman",serif;
}
	div.memberInfo .actions {
		font-size: 1.1em;
	}
div.memberInfo,
div.MemberBox {
	background:#e3f4bf url(../images/memberInfo_top.gif) no-repeat top left;
	margin-bottom:16px;
}
	div.memberInfo #MemberData {
		width:140px;
		padding-bottom:10px;
		border-bottom:1px solid #8fd400;
		font-size:1.1em;
	}
	
	div.memberInfo #MemberData ul {
		margin-left: 0;
	}

	div.memberInfo #MemberData li {
		margin-left: 0;
	}
	
	div.memberInfo span.label {
		display: block;
		font-weight: bold;
		padding: 5px 0px 3px 0px;
		font-family:Georgia,"Times New Roman",serif;
	}
	
	div.memberInfo {
		color:#333;
	}
					
	div.memberInfo ul {
		padding:10px 0 10px 10px;
	}
		div.memberInfo .actions ul li {
			list-style-image:url(../images/ul_bullet.gif);
			margin-bottom:5px;
		}
			div.memberInfo .actions ul li a {
				color:#333;
				font-size:1.1em;
				line-height:1.3em;
			}
				div.memberInfo .actions ul li a:hover {
					text-decoration:none;
				}
div.contactUs,
div.box {
	background:#e3f4bf url(../images/memberInfo_bottom.gif) no-repeat bottom left;
	margin-top:15px;
}

	div.box p {
		padding-left: 1em;	
		padding-right: 1em;
		padding-top: 10px;
		text-align: center;
	}
	div.box p.button {
		padding-bottom: 10px;
	}
	
	div#AdviserBox {
		background:#E3F4BF;
	}
	
	div.photo {
		text-align:center;
	}
	
	div.details {
		/*background:#e3f4bf url(../images/memberInfo_bottom.gif) no-repeat bottom left;*/
		text-align:center;
		padding: 0px !important;
		margin: 0px !important;
		height: 87px;
	}
			div.details *,
			div.detailsNoImg * {
				font-family:Georgia,"Times New Roman",serif;
				font-size:1em;
				line-height:1.3em;
				color:#333;
			}
			div.details,
			div.detailsNoImg {
				text-align: left;
				line-height: 0em;
			}
			div.detailsNoImg {
				padding-bottom: 5px;
			}
				div.details img {
					width: 87px;
				}
				div.details .name {
					float: right;
					padding-top: 15px;
					width: 105px;
					font-size: 1.1em;
					text-align: center;
				}
					div.details ul,
					div.detailsNoImg ul {
						margin-left: 5px;
						width: 73px;
					}
					div.details ul li,
					div.detailsNoImg ul li {
						list-style: disc;
						text-align: left;
						margin-left: 25px;
						color: #99cc00;
						font-size: 1.1em;
					}
				div.details a:hover,
				div.detailsNoImg a:hover {
					text-decoration:none;
				}
			
div#CoverBox {
	text-align:center;
	font-size: 1.1em;
}
	div#CoverBox ul {
		margin:5px;
	}
		div#CoverBox * {
			font-family:Georgia,"Times New Roman",serif;
		}
			div#CoverBox p.last {
				padding:5px;
			}
		div#CoverBox a {
			color:#333;
		}
			div#CoverBox a:hover {
				text-decoration:none;
			}
			
div#IntroduceFriendBox *,
div#SecurityBox * {
	font-family:Tahoma,"Times New Roman",serif;
	font-size: 11px !important;
}
		
	div.contactUs h3,
	div.contactUs p,
	div.box h3,
	div#SecurityBox p,
	div#PrivacyBox p {
		font-family:Georgia,"Times New Roman",serif;
		font-size:1.1em;
		line-height:1.3em;
		color:#333;
		font-weight:normal;
		padding: 1em 0.8em;
		text-align:center;
	}
		div.contactUs h3 {
			width: 142px;
			padding: 1em 0.8em 3.5em 0.8em;
			background: url(../images/questionHeading.gif) no-repeat top left;
		}
		div#SecurityBox h3 {
			padding: 0.5em 0.8em 0.3em 0.8em;
		}
		div#PrivacyBox h3 {
			padding: 0.5em 0.8em 0.3em 0.8em;
		}
		div.box h3 {
			background:url(../images/h3_generic.gif) no-repeat top left;
		}
		div#AdviserBox h2 {
			font-size:1.4em;
			line-height:1.3em;
			height: 22px;
			padding-top: 3px;
			font-weight: normal;
			color: #fff;
			width: 160px;
			text-align: center;
			background:url(../images/informAdvisorBg.gif) no-repeat top left;
		}

#Content .myDetails {
	background:#e9f6cc url(../images/communication_corners.gif) no-repeat top right;
	padding:13px 15px 5px 15px;
	margin-bottom:20px;
	border-bottom:5px solid #8fd400;
	color:#455329;
}
#Content .myDetails * {
	font-family:Georgia,"Times New Roman",serif;
}

	#Content ul.bullets {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 2em;
	}
	
	#Content ul.bullets li {
		list-style-image:url(../images/ul_bullet.gif);
	}

div.highlightBox {
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 1em;
	background: #eee;
	border-bottom:5px solid #8FD400;
}

	div.highlightBox h3 {
		color: #333333;
		font-family:Georgia,"Times New Roman",serif;
		font-size: 1.4em;
		margin-bottom: 1em;
	}
	
	#MyhomeIntro p,
	#MyhomeIntro ul li,
	#FeedbackBox p {
		font-size: 1.1em;
	}


#Content a.more {
	font-size:1em;
	color:#7aa917;
	text-decoration:underline;
}
	#Content a.more:hover {
		text-decoration:none;
	}

	
/* FEATURE BOXES STYLING */			
#Content div.featureBox {
	background:url(../images/homefeature_bg.gif) repeat-x top left;
	position:relative;
	height:280px;
	padding:10px 0 0 15px;;
}
	div.featureBox img.featureImage {
		position:absolute;
		top:1px;
		right:0px;
	}
	div.featureBox h2.featureTitle {
		font-size:3.5em;
		line-height:1em;
		margin-bottom:10px;
		padding-bottom: 4px;
		letter-spacing:-1px;
		width:63%;
		color:#333;
		font-family:Georgia,"Times New Roman",serif;
		font-weight:normal;
	}
	div.featureBox div.homeFeatureContent {
		width:50%;
	}
		div.homeFeatureContent p {
			font-family:Georgia,"Times New Roman",serif;
			font-size:14px;
		}
		div.homeFeatureContent ul li {
			margin-bottom:8px;
		}
	
/* SUBFEATURE BOXES STYLING */
#Content div.subFeatureBox {
	background:#f4fbe5;
}
	#Content div.subFeatureBox div.rightFeatContent {
		float:right;
		width:45%;
		padding:10px 10px 0 0;
		color:#333;
	}
		#Content div.rightFeatContent * {
			font-size:20px;
		}
		#Content div.rightFeatContent p.quoteAuthor {
			font-size:1em;
		}
	#Content div.subFeatureBox * {
		font-family:Georgia,"Times New Roman",serif;
		line-height: 1.1em;
		margin-bottom: 0;
	}
	#Content div.subFeatureBox p.quoteContent {
		line-height:1.1em;
		font-size:2em;
	}
	#Content div.subFeatureBox p.quoteAuthor {
		text-align:right;
		font-size:1.2em;
		line-height:3em;
	}
	#Content div.subFeatureBox p.button {
		text-align:right;
	}
	
	#Content div.innerSubFeatureBox {
		margin-left: -180px;
	}
	
/* HOMEPAGE RIGHT FEATURE BOXES */
div.rightFeatBox {
	background:#e3f4bf;
	width:160px;
	margin-bottom:20px;
}
	div.paddedContent {
		padding:10px 5px 3px 15px;
	}
	div.rightFeatBox p.button {
		text-align:center;
	}
		div.rightFeatBox p.button a img {
			margin-bottom:10px;
		}
	
/* HOMEPAGE BASIC LAYOUT */
#LeftHome {
	width:75%;
}
#RightHome {
	float:right;
	width:160px;
}

/* GENERIC LAYOUT AND MENU2 */
div.midContent {
	margin-left:180px;
	width:49%;
}
div.normalContent {
	width:75%;
}
	
div.normalContent .warning {
	font-size: 1.1em;
}
div.withmargin {
	margin-left:180px;
}

	div.normalContent p.right {
		text-align:right;
	}
		div.normalContent p.right a,
		p.formBack a {
			color:#333;
			font-size:1.1em;
		}
			div.normalContent p.right a:hover,
			p.formBack a:hover {
				text-decoration:none;
			}
	h2.pageTitle,
	h2.loginTitle {
		font-family:Georgia,"Times New Roman",serif;
		font-size:2.6em;
		color:#333;
		font-weight:normal;
		border-bottom:5px solid #8fd400;
		padding:0 0 10px 5px;
		margin:15px 0;
	}
	div.normalContent p.reviewDate,
	div.normalContent p.coverIntro {
		font-size:1.1em;
		color:#333;
		margin-left:5px;
	}
		div.normalContent p.reviewDate {
			font-weight:bold;
			margin-bottom:5px;
		}
		div.normalContent p.coverIntro {
			margin-bottom:10px;
		}
	div.feedback h3,
	div.feedback p {
		font-size:1.1em;
		line-height:1.4em;
		padding-left:5px;
	}
	div.feedback a {
		color:#333;
	}
		div.feedback a:hover {
			text-decoration:none;
		}
div.leftContent,
div.rightContent {
	width:160px;
}
	div.rightContent {
		float:right;
	}
	div.leftContent {
		float:left;
	}
		div.leftContent #Menu2 {
			border-bottom:5px solid #f7d917;
			float:left;
			padding-bottom:1px;
			width:100%;
			margin-bottom:20px;
		}
			#Menu2 li {
				border-top:2px solid #fff;
				border-bottom:1px solid #f7d917;
				float:left;
				width:100%;
			}
				#Menu2 li.hover,
				#Menu2 li.current,
				#Menu2 li.section {
					background:url(../images/menu2_top.gif) no-repeat top left;
				}
					#Menu2 li.hover a,
					#Menu2 li.current a,
					#Menu2 li.section a,
					#Menu2 li a:hover {
						background:url(../images/menu2_bottom.gif) no-repeat bottom left;
					}
				#Menu2 li a {
					display:block;
					padding:5px 15px;
					font-family:Georgia,"Times New Roman",serif;
					font-size:1.2em;
					color:#333;
					text-decoration:none;
					border-bottom:2px solid #fff;
				}
				
				#Menu2 li:hover {
					background:url(../images/menu2_top-on.gif) no-repeat top left;
				}
					#Menu2 li a:hover {
						background:url(../images/menu2_bottom-on.gif) no-repeat bottom left;
					}
				
/* TESTIMONIAL (SMALL) STYLING */			
div.testimonialSmall {
	clear:left;
}

div.testimonialSmall img {
	display: block;
}

div.testimonialSmall div.content {
	background:#c7e97f url(../images/testimonials_bg.gif) no-repeat bottom right;
	border-top:5px solid #8fd400;
	padding:13px 8px 5px 8px;
}
	div.testimonialSmall div.content * {
		font-family:Georgia,"Times New Roman",serif;
		font-size:1.3em;
		line-height:1.2em;
		color:#333;
	}
		div.testimonialSmall div.content p.right {
			padding-left:50px;
			text-align:right;
			font-size:1.1em;
		}
		div.testimonialSmall div.content p.button {
			margin:10px 0 0 0;
		}

/* TESTIMONIAL PAGE STYLING */

#Testimonials li {
	padding-bottom: 15px;
}
	#Testimonials li h4 {
		margin-bottom: 10px;
	}
	#Testimonials li p {
		margin: 0px;
		padding: 0px 0px 5px 0px;
	}

.testimonialImage {
	border:1px solid #8fd400;
	float:left;
	margin:0 10px 10px 10px;
}

/* MY ADVICE */
#RecommendationHolder #QuoteHeader {
	background-image: none;
}

#RecommendationHolder #LeftQuoteContent {
	margin-right: 0.5em;
}

#RecommendationHolder div.adviceIntroLeft {
		float: left;
		width: 345px;
		margin-right: 25px;
	}
	
#RecommendationHolder div.adviceIntroRight {
	margin-left: 370px;
	background-color: #DAEBB6;
}

#RecommendationHolder #QuoteHeader h2 {
	font-size: 1.5em;
}

div.recommendationDetail .intro {
		margin-right: 10px;
	}
	
	div.recommendationDetail div#AdviserBox {
		margin: 0;
		font-size: 11px !important;
	}


/* MY COVER */
#CoverDetails div.insurance {
	clear: left;
}

#CoverDetails div.column {
	width: 45%;
	margin-right: 10px;
}

/* MY RECORDS */

.communicationDetail .typography,
.communicationDetail .contentText {
	font-size: 1em !important;
}
#RecommendationFeedback.typography {
	font-size: 1.1em;
}

/* MISC */

p.backToInform {
	text-align:right;
}
	p.backToInform a {
		color:#000;
	}

/* FOOTER STYLING */
#Footer {
	clear:both;
	background:#f7d917;
	float:left;
	width:100%;
	margin-top:40px;
}
	#Footer span,
	#Footer ul {
		font-size:1.1em;
	}
	#Footer span.first {
		background:url(../images/footer_left.gif) no-repeat left center;
		padding:4px 0 3px 10px;
		float:left;
	}
	#Footer ul {
		background:url(../images/footer_right.gif) no-repeat right center;
		float:right;
		padding:3px 10px 4px 0;
	}
		#Footer ul li {
			display:inline;
			padding-left:15px;
		}
			#Footer ul li a {
				color:#333;
				text-decoration:none;
			}
				#Footer ul li a:hover {
					text-decoration:underline;
				}

				
.clearfix:after,
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,
clear {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html .clear {
	height: 1%;
}

.clearfix,
.clear {
	display: block;
}
/* End hide from IE-mac */	

/* Updated MyInform Styles */
#MyInformMenu {
	height:34px;
	position:relative;
	margin-bottom:10px;
	background:#99d929 url(../images/my-inform/menu-left-bg2.jpg) no-repeat bottom left;
}
	#MyInformMenu ul {
		height:34px;
		position:absolute;
		bottom:0px;
		width:100%;
		padding-bottom:24px;
		background:url(../images/my-inform/menu-right-bg.jpg) no-repeat bottom right;
	}
	/* HACK IE6 */
	body>div #MyInformMenu ul {
		padding-bottom: 25px;
	}
		#MyInformMenu ul li {
			display:inline;
			margin-right:13px;
		}
	#MyInformMenu ul li#InformDetails {
		display: block;
		position: absolute;
		bottom: 10px;
		left: 10px;
		height: 15px;
		width: 95%;
		overflow: hidden;
		color: #fff;
		font-family:Georgia,"Times New Roman",serif;
		font-size: 11px;
		text-align:center;
		z-index:10;
	}
/* End Updated MyInform Styles */