﻿
/* honister css

light grey - #e8e9e9
mid grey - #919693
dark grey - #444f51
light blue - #9bc4e2
mid blue - #75aadb
dark blue - #3a75c4

uber light grey - #F4F4F4

 */

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,a,img {margin:0; padding:0; border:0; outline: 0;}  
html {min-height: 100%;	height: auto;}
body {font: 75% Arial, Helvetica, sans-serif;  text-align: center;  color: #444f51; background: #444f51;} 

/*containers */
.container {position: relative; overflow:hidden; width: 970px; margin: 0 auto;}

#header.container {text-align:left; background: #444f51; padding: 14px 0 17px 0;}
#header span {color: #D4D9DE; font: normal 1.8em Arial, Helvetica, sans-serif; position:absolute; top: 52px; right: 10px; background:url(/Content/images/call.gif) no-repeat left top; padding: 5px 10px 5px 43px;}

#blues {background: #75AADB url(/Content/images/bgblues.gif) repeat-x 0 0;}
#blues ul#leftnav {list-style-type: none; float: left;}	
#blues ul#rightnav {list-style-type: none; float: right;}	
#blues li {float: left; display: block; background: url(/Content/images/navtabr.jpg) no-repeat right top;}	
#blues a {color: #fff; text-decoration: none; padding: 5px 16px 3px 16px;  display: block; font: normal 1.6em  Calibri, Arial, Helvetica, sans-serif; background: url(/Content/images/navtabl.jpg) no-repeat left top;}
#blues li a:hover {color:#444f51;}
body.home #blues li#home, body.services #blues li#services, body.downloads #blues li#services, body.findIFA #blues li#find, body.people #blues li#people, body.advisers #blues li#people, body.about #blues li#about, body.blog #blues li#blog, body.contact #blues li#contact {background-position:100% -111px;}
body.home #blues li#home a, body.services #blues li#services a, body.downloads #blues li#services a, body.findIFA #blues li#find a, body.people #blues li#people a, body.advisers #blues li#people a, body.about #blues li#about a, body.blog #blues li#blog a, body.contact #blues li#contact a {background-position:0% -111px; color:#444f51;}
body.home #blues li#home a:hover, body.services #blues li#services a:hover, body.downloads #blues li#services a:hover, body.findIFA #blues li#find a:hover, body.people #blues li#people a:hover, body.advisers #blues li#people a:hover, body.about #blues li#about a:hover, body.blog #blues li#blog a:hover, body.contact #blues li#contact a:hover {color:#fff;}


#middle {border-top: 4px solid #9BC4E2; clear: both; background: #e8e9e9 url(/Content/images/middlebg.jpg) repeat-x 0 top; }
#middle .inner {min-height:465px; height:auto !important; height:465px; background: #fff; width: 970px;  margin: 0 auto;}
#middle .container {text-align:left; width: 960px; margin-left: 5px; padding-bottom: 24px;} 
#middle .container2 {text-align:left; position: relative; overflow:hidden; margin: 0 auto; width: 970px;} 
#middle .container2 .container {width: 970px; margin: 0;} 
#greys {text-align:right;color: #fff; background:#919693;}
div#sublinks {background:#444f51; float:right; padding: 4px; font: normal 1em Calibri, Arial, Helvetica, sans-serif; }
#greys a {color: #fff; text-decoration:none; padding: 8px;}
#greys a:hover {color: #9BC4E2; text-decoration:underline; }
#footer { color:#fff; font-size: .95em; padding: 1px 80px; background:#919693; text-align:center; }
#footer a {color:#fff; text-decoration:underline;}
#footer a:hover {color: #9bc4e2;}
/* content columns */
.col940, .col760, .col700, .col640, .col580, .col520, .col460, .col400, .col340, .col280, .col220, .col160 {display: inline; float: left; position: relative; margin: 0 10px;}
.col940 {width: 940px;}
.col760 {width: 760px;}
.col700 {width: 700px;}
.col640 {width: 640px;}
.col580 {width: 580px;}
.col520 {width: 520px;}
.col460 {width: 460px;}
.col400 {width: 400px;}
.col340 {width: 340px;}
.col280 {width: 280px;}
.col220 {width: 220px;}
.col160 {width: 160px;}

/* sitemap path */
#smp {color: #919693; margin: 0 10px 2em 10px; font-size: .95em; border-top: 1px dashed #919693; border-bottom: 1px dashed #919693;}
#smp a:hover {text-decoration: none;}

/* general start  */
h1 {font: normal 2.2em Arial, Helvetica, sans-serif; color: #444f51; text-transform:Capitalize; margin: 0.682em 10px 0.341em 10px; line-height: 1.364em;}
h2 {font: normal 1.8em Arial, Helvetica, sans-serif; color:#75aadb; margin: 0.833em 0; line-height: 1.249em;}
h3, .strap {font: normal 1.4em Arial, Helvetica, sans-serif; color: #919693; border-bottom: 1px solid #919693; margin: 1.071em 0; line-height: 1.606em;}
.strap {border: 0;}
.h2blue {color:#75aadb;}

#middle ul, #middle ol {position:relative; margin: 0 0 1.5em 20px;}
#middle ul li {list-style-type: none; list-style-image: none; line-height:1.5em; background: url(/Content/images/bullet.gif) no-repeat 0 7px; padding-left: 15px; margin-bottom:.325em;}
#middle ol li {line-height:1.5em; margin-bottom:.325em; margin-left: 30px;}
a {color: #3a75c4; text-decoration: none;}
a:hover {color: #9bc4e2; text-decoration: underline; }
p {line-height:1.5em; margin: 1.5em 0;}
/* straplines */

/* about page boxes */
.box1 { margin-bottom: 20px; border: 1px solid  #919693;}
.box1 h3 {background: url(/Content/images/box1bg.jpg) repeat-x 0 bottom; padding: 0 5px; font-weight:bold; position: relative; margin-bottom: 0; }
.box1 p {padding-left: 5px; padding-right: 5px; font-size: .95em; margin: 0.702em 0; line-height: 1.404em;}

/* services page boxes */
#faslist {background: #F4F4F4 url(/Content/images/bgdg2lg.jpg) repeat-x 0 0; margin-left: 0; padding:10px 0 0 0;}
ul#fas {position: relative; margin-left: 0; margin-bottom: 0; }
ul#fas li {list-style-type: none; list-style-image: none; line-height:1.5em; background: none; padding: 0; margin: 0 0 10px 0; float: left;}
#fas a {width: 326px; background: #fff url(/Content/images/fasicon.gif) no-repeat; border: 1px solid #919693; display: block; text-decoration:none; margin: 0 10px; }
#fas a:hover {border-color: #9bc4e2;}
#fas span {padding: 5px 5px 5px 0; margin-left: 70px; display: block; background: #fff; }
#fas .title {font: bold 1.3em Arial, Helvetica, sans-serif; padding-bottom: 0;}
#fas .info {color: #444f51; font-size: .95em;}
#fas1 a {background-position: 10px center; }
#fas2 a {background-position: -60px center; }
#fas3 a {background-position: -130px center; }
#fas4 a {background-position: -200px center; }
#fas5 a {background-position: -270px center; }
#fas6 a {background-position: -340px center; }
#fas7 a {background-position: -410px center; }
#fas8 a {background-position: -480px center; }

/*find ifa image on services page*/
.findifa {background: url(/Content/images/findifa.gif) no-repeat 0 8px; height: 179px;}
.findifa a {height: 179px; heig\ht: 159px; display: block; text-align:right; padding: 20px 10px 0 70px; text-decoration:none;}
.findifa a strong {clear: both; margin-top: 10px; margin-left: 26px; font-weight: bold; display:block; font-size: 1.1em;}

/* financial review steps page*/
#steps span {color: #919693;font: bold 3em Arial, Helvetica, sans-serif; float: left; background: #e8e9e9; padding: 0 2px; border: 1px solid #919693;}
#steps h3 {margin-left: 40px; margin-top: 0;}
#steps p {margin-left: 40px;}


/*locations page*/
.addressrow, .grpco {overflow: hidden; position: relative; margin-bottom: 1em;}

/*forms*/
fieldset {padding: 0 20px; background: #F4F4F4 url(/Content/images/bgdg2lg.jpg) repeat-x 0 0;}
label {width: 8em; float: left; text-align: left; margin-right: 0.5em; display: block;}
#btnsubmit {margin-left: 8em;}
input, select, textarea, #btnsubmit {background: #fff; border: 1px solid #919693;}
input#DenyFutureContact {border: none; background: none;}
.txtb { width: 18em;}
.txtbs { width: 10em;}
.txtml { width: 18.25em; height: 8em;}
.formchecklist, .dlformchecklist {overflow: hidden; width: 100%; margin-bottom: 1em;}
.formchecklist input, .dlformchecklist input {margin-left: 8em; float:left; clear: left; border: none; background: none; }
.dlformchecklist input {margin-left: 0; }
.formchecklist label, .dlformchecklist label {width: 24em; float:left; }
.field-validation-error {color: red;}
.input-validation-error {border: 1px solid #ff0000; background-color: #ffeeee;}
span.validation-summary-errors {color: red; line-height:1.5em; margin: 0 0 0.5em 2px; display: block;}
#middle ul.validation-summary-errors li {background-image: url(/Content/images/errorbullet.gif);}

/*hide from main nav*/
li#important, li#logon {display:none;}

/*rounded corners*/
.cornerbox {position: relative; width: 100%; margin-bottom: 1.5em; }
.corner {position: absolute; width: 10px; height: 10px; font-size: 0%;}
.wcnr { background: url(/Content/images/wcnr.gif) no-repeat;}
.gcnr { background: url(/Content/images/gcnr.gif) no-repeat;}
.tl {top: 0; left: 0; background-position: 0 0; }
.tr {top: 0; right: 0; background-position: -10px 0; }
.peepsbox {border: 1px solid #e8e9e9; width: 220px; w\idth: 218px; background: url(/Content/images/box1bg.jpg) repeat-x 0 bottom; line-height:0;}
.peepsbox p {padding-left: 5px; padding-right: 5px; font-size: .95em; margin: 0.702em 0; line-height: 1.404em;}
.peepsbox p.no1 {border-top: 1px solid #e8e9e9; margin-top: 0; padding-top:  0.702em;}

/* group page also uses peepsbox */
.grpco h3 {margin-left: 240px; margin-top: 0;}
.grpco p {margin-left: 240px;}
.grpco .cornerbox {position: relative; width: 220px; margin-bottom: 1.5em; float: left; text-align: center;}
.grpco img {padding: 5px 0;}
.peepsbox span {display: block; padding: 5px;  border-top: 1px solid #e8e9e9; line-height: 1.404em;}

/*submenu on right of pages*/
.submenu {margin-bottom: 1.5em;}
.submenu h3 { background: url(/Content/images/subtabr.jpg) no-repeat 100% -111px; margin: 0; border: none; width: 100%; }
.submenu h3 a {color: #fff; padding: 8px 16px 0 16px;  display: block; font: normal 1em  Calibri, Arial, Helvetica, sans-serif; background: url(/Content/images/subtabl.jpg) no-repeat 0% -111px;}
.submenu h3 a:hover {color:#444f51; text-decoration: none;}
.submenuin {border: 1px solid #9bc4e2; padding: 16px 16px 0 16px;}
#middle .submenu ul {margin-left: 0;}
#middle .submenu ul li { background: url(/Content/images/arrow.gif) no-repeat 0 4px;}
.on a {color: #919693;}

/*login on adviser page*/
#loginbtn {display: block; border: 1px solid #919693; text-decoration:none; padding: 10px;  text-align:center; width: 40%; font-size: 1.8em; background:#e8e9e9; }
a#loginbtn:hover {border-color: #9bc4e2;}


/* table

table {border:1px solid #BFBEBE; width: 98%; margin-bottom: 10px; padding: 0; background: #fff;}*/

table th, table td {/*border:1px solid #BFBEBE; padding: 3px; margin: 0; background: #F5F5F5;*/ vertical-align:top;}
/*table th {background: #888687; color:#fff;} 
 table end */


/*general */
.ml0 {margin-left: 0;}
.mr0 {margin-right: 0;}
.mt0 {margin-top: 0;}
.mt1em {margin-top: 1em;}
.mb0 {margin-bottom: 0;}
.fl {float: left;} 
.fr {float: right;} 
.clearb {clear:both; height: 1px;}
.txtl {text-align: left;}
.txtr {text-align: right;}
.txtc {text-align: center;}
.small {font-size: .95em;}
.ital {font-style:italic;}
a.arrow {background: url(/Content/images/arrow.gif) no-repeat 0 4px; padding-left: 16px;}



.bgred {background: red;}
.bgblue {background: blue;}

