@charset "utf-8";

/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,p,li,pre,code { font-size:14px; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; border:none;}

a img,:link img,:visited img { border:none; }

address { font-style:normal }

body {background-color: #d4dfed; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align:center;}

body.webad {background-color: #ffffff; text-align:center;}

/* ----- POSITIONING STYLES ----- */

.divider {clear:both; height:0px;}
.divider001 {clear:both; height:20px;}
.divider002 {clear:both; margin: 10px 0px 10px 0px; border-top: solid 1px #cccccc;}

/* ----- LAYOUT STYLES ----- */

#container {
	width: 900px;
	border: none;	
	margin: 10px auto 10px auto;
	text-align:left; 
	background-color: #080A1F; 
	background-image:url(/publish/images/bg-container.jpg);
	background-repeat: repeat-y;
	position:relative;
	}
	
#container.webad {
	width:900px;
	border:none;
	margin: 10px auto 10px auto;
	background-image:url(publish/images/bg-webad.gif);
	background-repeat:no-repeat;
	background-color: #ffffff;
	}

#header {height:83px;}

#header h1 {position:absolute; top:23px; left:27px; height:38px; width:191px; background-image:url(publish/images/logo-ovation.gif); background-repeat:no-repeat;}
#header h1 span {display:none;}

#header ul { position: absolute; top: 46px; right:11px; width: auto;}
#header li {display:inline; float:left; border-right: solid 1px #ffffff;font-size: .8em;}
#header li.first {}
#header li.last {border: none}

#header a {display:block; padding: 0px 7px 0px 7px; color:#ffffff; white-space:nowrap;}
#header a:hover {text-decoration:underline;}
#header a:visited {color:#ffffff;}

#header h2 { font-size:1.0em; position:absolute; color:#ffffff; top: 21px; right:18px; width: auto;}

#menu {clear:both;}
#menu ol {}
#menu li {display:inline; float:left;}
#menu a, #menu a:visited, #menu a:active  {
	width: 180px;
	text-align:center;
	display:block; 
	color:#ffffff; 
	font-size: 1em;
	padding: 5px 0px 5px 0px;
	}

#menu a.menu01 {background-color: #1e57a0;}
#menu a.menu01:hover {background-color:#209740;}

#menu a.menu02 {background-color: #4171af;}
#menu a.menu02:hover {background-color:#209740;}

#menu a.menu03 {background-color: #5681b7;}
#menu a.menu03:hover {background-color:#209740;}

#menu a.menu04 {background-color: #6d92c1;}
#menu a.menu04:hover {background-color:#209740;}

#menu a.menu05 {background-color: #83a2ca;}
#menu a.menu05:hover {background-color:#209740;}

#menu a.menuSelected {background-color:#209740;}

#content {clear:left; background-position: top left; background-repeat:no-repeat; padding: 0px;}

#content blockquote {font-size:15px; font-style: italic; color:#000000; padding:20px; line-height: 1.7em;
	}

.index {background-image:url(publish/images/bg-content-index.jpg);	padding-bottom:0px; background-color:#232744;}
.pensions {background-image:url(publish/images/bg-content-pensions.jpg); background-color:#050d21;}
.pensionsCase {background-image:url(publish/images/bg-content-pensions-case.jpg); background-color:#050d21;}
.philosophy {background-image:url(publish/images/bg-content-index.jpg);	 background-color:#232744;}
.aboutOvation {background-image:url(publish/images/bg-content-index.jpg);	 background-color:#232744;}
.detailsFees {background-image:url(publish/images/bg-content-index.jpg);	 background-color:#232744;}
.savings {background-image:url(publish/images/bg-content-savings.jpg); background-color:#0A081D;}
.savingsCase {background-image:url(publish/images/bg-content-savings-case.jpg); background-color:#2b5488;}
.inheritance {background-image:url(publish/images/bg-content-inheritance.jpg); background-color:#312d53;}
.inheritanceCase {background-image:url(publish/images/bg-content-inheritance-case.jpg); background-color:#315c98;}
.employees {background-image:url(publish/images/bg-content-employees.jpg); background-color:#0f1222;}
.employeesCase {background-image:url(publish/images/bg-content-employees-case.jpg); background-color:#284d7a;}
.business {background-image:url(publish/images/bg-content-business.jpg); background-color:#080a1f;}
.businessCase {background-image:url(publish/images/bg-content-business-case.jpg); background-color:#045e9a;}
.webad { width:900px; height:430px; background-image:url(publish/images/webad-david.jpg); background-repeat:no-repeat; position:relative;}


.indexQuote {
  position:relative;
	background-image:url(publish/images/bg-content-index-quote.jpg);
	padding-bottom:0px;
	background-color:#232744;
	height:500px;
	font-size:12px;
	}
	
.indexPanel001 {float:left; width:445px; padding:23px 42px 0px 35px; background-color:#ffffff; }	
.indexPanel001 p {padding: 0px 0px 15px 0px;}

.indexPanel002 { float:right; width:350px; padding:13px 11px 13px 11px; background-color:#ffffff;}
.indexPanel003 { float:left; width:440px; padding:23px 10px 0px 0px; background-color:#ffffff; }	

#panelPortfolio {
	width:320px;
	height:148px;
	padding: 15px 15px 0px 15px;
	background-image:url(publish/images/bg-portfolio-panel.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	position:relative;
	
	}
	
#panelPortfolio h6 {color:#1D57A1; font-size:16px; padding:0px 0px 5px 0px;}
#panelPortfolio p {}

#panelPortfolioLogin 
{
  margin:108px 0px 20px 0px;
	width:320px;
	height:148px;
	padding: 15px 15px 0px 15px;
	background-image:url(publish/images/bg-portfolio-panel.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	
	}
	
#panelPortfolioLogin h6 {color:#1D57A1; font-size:16px; padding:0 0 0px 0; }
#panelPortfolioLogin p { }

.btnPortfolio001 { position:absolute; top:76px; left:15px;}
.btnPortfolio002 { position:absolute; top:124px; left:15px;}
.btnPortfolio003 {
	position:absolute;
	top:215px;
	left:521px;
}

#panelBulletin {
	height:81px;
	width:340px;
	background-position:top left;
	background-image:url(publish/images/bg-bulletin-panel.jpg);
	background-repeat:no-repeat;
	margin-top:11px;
	padding: 10px 0px 0px 15px;
	}
	
#panelBulletin h5 {color:#ffffff; font-weight:normal;  font-size:16px; }
#panelBulletin h6 {color:#ffffff;padding:0px 0px 5px 0px; font-size:16px;}
#panelBulletin p {}
#panelBulletin a {color:#000000;}
#panelBulletin a:hover {text-decoration:underline;}

#contentText { text-align:left; color: #ffffff; width:370px; float:left; padding: 84px 0px 20px 34px; }
#contentText h3 {font-weight: normal; font-size:1.2em; padding-bottom: 60px;}
#contentText p {font-size:.8em; line-height: 2.8em;}

#content table {
	border-collapse:collapse;
	border-top:solid 1px #D3DFED;
	border-left:solid 1px #D3DFED;
	border-right:solid 1px #D3DFED;	
	margin: 10px 0px 10px 0px;
	}
#content th, #content td {text-align:left; padding: 4px 3px 4px 3px; font-size:12px; vertical-align:top; border-bottom:solid 1px #D3DFED;}
#content th {background-color:#D3DFED;}
#content td {}
#content td.column002 {padding-left:15px;}

#content table.newsletter {background-color:#D3DFED;}
#content table.newsletter td {}

#contentTextIndex { text-align:left; background-color:#ffffff; height:465px;}
#contentTextIndex h3 {font-weight: normal; font-size:1.3em; padding-bottom: 30px; line-height: 1.6em; }
#contentTextIndex p {font-size:13px; line-height: 1.4em;}
#contentTextIndex p.panel {font-size:12px; line-height: normal;}

#contentTextpanel001 {
	float:left;
	position:relative;
	color: #000000;
	background-color: #ffffff;
	width:490px;  
	margin: 0px 0px 0px 0px;
	padding: 26px 25px 15px 25px;
	}
	
#contentTextpanel001.lists {float:left; color: #000000; background-color: #ffffff; width:830px; margin: 0px; padding: 15px 35px 40px 35px;}
#contentTextpanel001.lists002 {float:left; color: #000000; background-color: #ffffff; width:855px; margin: 0px; padding: 15px 10px 40px 35px;}

.panel001, .panel002 {width:400px; float:left; padding: 0px 15px 0px 0px;}
.panel002 { padding: 0px 0px 0px 15px;}
	
#contentTextpanel002 {float:left; width:830px; color: #000000; background-color: #ffffff; margin: 20px; padding: 15px 15px 0px 15px;}	
#contentTextpanel003 {color: #000000; background-color: #ffffff; position:relative; width:840px; margin: 0px; padding: 0px;}
		
#contentTextpanel001 h3, #contentText.panel002 h3 {font-size:1.1em; padding-bottom: 15px; color: #1d57a0; font-weight: bold;}
#contentTextpanel001 h4 {font-size:1.2em; color: #1d57a0; padding: 15px 0px 0px 0px; margin:0px;}
#contentTextpanel001 h5 {font-size:1.1em; color: #000000; padding: 15px 0px 0px 0px; margin:0px;}
#contentTextpanel001 p, #contentText.panel002 p {line-height: 1.5em; margin-top: 10px; font-size:13px;}
#contentTextpanel001 a {color: #1E579E; text-decoration: underline;} 
#contentTextpanel001 a:hover {color:#322E53;} 
#contentTextpanel001 li {display: inline; font-size: .8em; padding-right:14px;}
#contentTextpanel001 ol {margin-top: 20px;}
#contentTextpanel001 ol li {display:block; padding: 3px 0px 3px 0px;}
#contentTextpanel001 ol li a {color: #000000;}

#contentTextList ul { list-style-type:disc; margin: 0px; padding:0px 0px 0px 10px;}
#contentTextList li {display:block; padding: 3px 0px 3px 0px; list-style-type:disc;}

#servicesSubMenu {margin-bottom:35px;}
#servicesSubMenu h3 {padding:20px 0px 0px 0px; font-size:1.2em;}
#servicesSubMenu h3.first {padding:0px 0px 0px 0px;}
#servicesSubMenu h4 {padding:10px 0px 3px 0px; font-size:1.0em;}
#servicesSubMenu p {line-height:normal; margin: 5px 0px 5px 0px; font-size:1em;}
#servicesSubMenu ul {}
#servicesSubMenu li {float:none; display:block; padding:2px 0px 2px 0px;}
#servicesSubMenu.newsletterSection li {float:none; display:block; padding:2px 0px 25px 0px;}
#servicesSubMenu a {color:#5780B8; font-weight:bold; text-decoration:none;}
#servicesSubMenu a:hover {color:#5780B8; font-weight:bold; text-decoration:underline;}
#servicesSubMenu .selected a {color:#338D4F;}

#caseStudiesSubMenu {margin:25px; float:left;}
#caseStudiesSubMenu ul {}
#caseStudiesSubMenu li {font-size:13px; line-height:20px;}
#caseStudiesSubMenu a {color:#C7D5E7;}
#caseStudiesSubMenu a:hover {color:#FFFFFF;}
#caseStudiesSubMenu a.selected {color:#FFFFFF;}

#servicesFAQs {}
#servicesFAQs ul {padding: 0px 0px 0px 20px; line-height:1.5em;}
#servicesFAQs li {list-style-type:square; padding: 2px 0px 2px 5px; float:none; display:block; font-size:13px; }
#servicesFAQs a.anchor {text-decoration:none; font-weight:bold; color:#000000;}


.headlinePanel {background-color:#ffffff; padding: 10px 20px 15px 20px; margin-bottom:10px;}

#contentCaption { float:right; margin: 280px 0px 20px 0px; padding: 0px 36px 10px 0px; border-bottom: dashed 2px #209740;}	
#contentCaption.webad {float:none;padding:0px;margin:0px;border:none;position:absolute;left: 314px;top: 198px;width: 539px;}
#contentCaption h4 {font-size: 1.4em; text-align:right; font-weight: normal; color: #ffffff;}
#contentCaption.webad h4 {color:#000000; text-align:left;}
	
#contentCaption h4.titleIndex01 {color: #209740; font-size: 2.6em;}
#contentCaption h4.titleIndex02 {font-size: 2.4em;}
#contentCaption h4.title01 {color: #209740;}
#contentCaption h4.title02 {font-size: 1.9em;}
#contentCaption h4.title03 {font-size: 1.0em;}

.contactAddress {float:left; width:150px;}
.mapPanel {width:250px; height:222px; float:right;}

#contactPanel {padding: 25px 0px 5px 0px;}
#contactPanel h5 {font-size: 14px; font-weight:normal; padding-bottom:15px; border-bottom: solid 1px #1E57A0; margin-bottom:15px;}
#contactPanel strong {color:#1E57A0;}
#contactPanel table {margin:0px;}
#contactPanel td {font-size: 12px; padding-left:3px;}
#contactPanel td.symbol {background-color: #232744; color:#ffffff; padding: 2px 5px 2px 5px;font-weight:bold; text-align:center;}

.contactPanel001 {float:left;}
.contactPanel002 {float:left; padding-left:15px;}


#enquiryForm {float:left; width:300px; margin:35px 10px 0px 15px; color:#ffffff;}

#enquiryForm ol {padding-top: 20px;}
#enquiryForm li {padding: 3px 0px 3px 0px;}
#enquiryForm input {border:solid 1px #ffffff;}

#enquiryForm legend {display:none;}
#enquiryForm label {display:block; float:left; width:75px; font-size: .8em;}

.newsletters  { background-color:#322E53; background-image:none; padding: 20px 0px 20px 30px!important; margin:0px; }
.newsletters h4 {padding: 20px 0px 10px 0px; font-size:1.2em; color:#1e57a0; height:1.4em;}
.newsletters p { padding: 3px 0px 10px 0px; font-size:0.8em;}	
.newsletters a {text-decoration:underline;}
.newsletters a:hover {text-decoration:underline; color:#1E56AF;}
.newsletters a:visited {text-decoration:underline;color:#1E56AF;}

.newletterTitle { position:absolute; top:10px; left:100px; width: 328px; height: 73px;}
.newletterTitle p { color:#cedaea; font-size:1.0em;}
.newletterTitle strong { color:#ffffff; font-size:18px;}

.newsletterPanel001 {background-color:#ffffff; padding: 0px 100px 60px 100px; margin: 0px 0px 0px 0px;}

.newsletterPanel0021 {float:left; width:310px;}
.newsletterPanel0021 ul {padding: 0px 0px 0px 20px; list-style-type:square;}
.newsletterPanel0021 li {padding: 0px 0px 0px 5px; font-size:0.8em;}

.newsletterPanel0022 {float:left; padding: 0px 0px 0px 25px; width:305px;}
.newsletterPanel0022 ul {padding: 0px 0px 0px 20px; list-style-type:square;}
.newsletterPanel0022 li {padding: 0px 0px 0px 5px; font-size:0.8em;}

.newsletterPanel0023 {padding: 15px; margin: 0px 0px 15px 0px; background-color:#d4dfed; color:#322e53; width:280px;}
.newsletterPanel0023 h6 {padding: 3px 0px 10px 0px;}
.newsletterPanel0023 ul {padding: 0px 0px 0px 20px; list-style-type:square;}
.newsletterPanel0023 li {padding: 0px 0px 0px 5px; font-size:0.8em;}

.newsletterPanel0024 {padding: 15px 15px 0px 15px; margin: 0px 0px 15px 0px; background-color:#d4dfed; color:#322e53; width:265px;}
.newsletterPanel0024 h6 {padding: 3px 0px 10px 0px;}
.newsletterPanel0024 ul {padding: 01px 0px 10px 20px; list-style-type:square;border-bottom: solid 1px #322e53;}
.newsletterPanel0024 ul.last {border-bottom:none;}
.newsletterPanel0024 li {padding: 0px 0px 0px 5px; font-size:0.8em;}


#footer h6 {font-size: .7em;}

/* page specific style definitions */
.howwework {background-image:url(publish/images/bg-content-pensions.jpg); background-color:#050d21;}
.howwework ol {margin-left: 25px;}
.howwework li {list-style-type:decimal;}

.whatwedo {background-image:url(publish/images/bg-content-savings.jpg); background-color:#080A1F;}
.howwehelped {background-image:none; background-color:#312d53;}
.whywecare{background-image:url(publish/images/bg-content-business.jpg); background-color:#080A1F;}
.whoweare {background-image:url(publish/images/bg-content-employees.jpg); background-color:#0F1221;}

/* popup style definitions */

body.popup {background-color:#ffffff;}
#contentPopup {text-align:left; padding:30px;}
#contentPopup h4, #contentPopup h5 {padding: 0px 0px 5px 0px; color:#1d57a0;}
#contentPopup h4 {font-size:16px;}
#contentPopup p {padding: 0px 0px 25px 0px;}

/* hack for disappearing text bug in ie */
* html .visualIEFloatFix { height: 0.01%; }