@charset "utf-8";
/*	
	-------------------------------------------------------
	LAFBINS - Style CSS 
	Includes all core styles for the site.
	- Mad Genius 
	-------------------------------------------------------
	
*/

/* = RESET - offsets browser inconsistencies by creating a level playing field
-------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/*table{border-collapse:collapse;border-spacing:0} */
/* = END OF RESET--------------------------------------------- */

/* = BASE TYPOGRAPHY & STANDARD HTML ELEMENTS
-------------------------------------------------------------- */
/* Default font settings. 
   The font-size percentage is based on 16px. 
   (0.875 * 16px = 14px)
   (0.75 * 16px = 12px) */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}
/* Headings */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
/* Text elements */
p {margin:0 0 1.5em;line-height:1.5;}
form p + p  { text-indent: 0; } /* Don't want this in forms. */
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;text-decoration:none;}
a {color:#6a6a6a;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em monospace;line-height:1.5;}
/* Lists */
li{line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:2em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
/* Tables */
/*table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;} */

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  padding: 0;
  border: none;
}

/* = END OF BASE TYPOGRAPHY & STANDARD HTML ELEMENTS---------- */

/* = STRUCTURE & COLUMN DEFINES
-------------------------------------------------------------- */
/* 
#header{}
    #header-inner{}
#home-promo{} //Home Only
#section-graphic{} //Inner Pages Only
#main{}
    #container{}
        #content{}
        #sidebar{}
#social{width:100%;}
    #social-inner{}
#footer{}
    #footer-inner{}
    #footer-btm{}
        #footer-btm-inner{}
*/
#header,
#main,
#social,
#footer,
#footer-btm{width:100%;}

#header-inner,
#home-promo,
#section-graphic,
#container,
#social-inner,
#footer-inner,
#footer-btm-inner{width:960px;margin:0 auto;}

/* COLUMN SYSTEM - Easily create columns with nice margins */
/* all columns float left and have 20px margin on the right */
.col{margin-right:20px;display:inline;overflow:hidden;float:left;position:relative;}
/* right-most column gets a no-margin style to offset the 20px */
.no-margin{margin-right:0;}
/* we define the actual width using a w_XXX */
.w_140{width:140px;} /* global - used in footer */
.w_158{width:158px;} /* home - used in lifestage tabs */
.w_220{width:220px;} /* home - promos; global - sidebar */
.w_320{width:320px;} /* home - used in lifestage tabs */
.w_480{width:480px;} /* home - left column, alert box and lifestage tab container */
.w_720{width:720px;} /* global - main content container */

/* = END OF STRUCTURE & COLUMN DEFINES------------------------ */

/* = HEADER
-------------------------------------------------------------- */
#header{background:transparent url('img/_bg_header.gif') repeat-x;height:146px;}
#header-inner{position:relative;}
#header-inner h3{position:absolute;top:55px;left:165px;color:#eee;margin-bottom:0;font-size:24px;}

/* = FB Logo */
#logo{position:absolute;top:15px;left:0;}
#logo h2,#logo span{position:absolute;top:107px;left:4px;color:#fff;font-size:12px;}
.hlink{position:relative;top:6px;left:8px;color:#fff;text-decoration:none;}
a:hover[class=hlink]{color:#fff; text-decoration:underline;}

/* = Corporate-Nav and Global-Nav Common Rules */
#corporate-nav,#global-nav{list-style:none;margin:0;padding:0;}
#corporate-nav li,#global-nav li{display:inline;}
#corporate-nav li a,#global-nav li a{float:left;}

/* = Corporate-Nav Rules */
#corporate-nav{position:absolute;top:45px;right:122px;color:#ddd;height:10px;line-height:10px;}
#corporate-nav a{height:10px;line-height:10px;display:block;color:#ddd;text-decoration:none;font-size:10px;margin-right:10px;border-right:1px solid #ddd;padding-right:10px;}
#corporate-nav a:hover,#footer-nav a:hover{text-decoration:underline;}
#corporate-nav a.last,#footer-nav a.last{margin-right:0;border-right:none;padding-right:0;}

/* = Global-Nav Rules */
#global-nav{position:absolute;top:102px;left:162px;height:30px;line-height:30px;}
#global-nav a{font-size:16px;color:#fff;text-decoration:none;margin-right:10px;height:30px;line-height:30px;display:block;padding:0 5px;-moz-border-radius:5px;border-radius:5px;}
#global-nav a.primary{font-weight:bold;}
#global-nav li.divider{border-left:1px solid #fff;float:left;margin-right:10px;line-height:30px;}
#global-nav a:hover{background-color:#92012c;}

/* = Service Logo */
#service-logo{position:absolute;top:27px;right:10px;}

/* = HOME-PROMO
-------------------------------------------------------------- */
#home-promo{height:350px;overflow:hidden;display:block;position:relative;}
#home-promo img{position:absolute;top:0;left:0;}

/* = FIND AN AGENT */
#find-an-agent{width:300px;height:72px;background:#ddd url('img/_bg_find_an_agent.gif') repeat-x;position:absolute;top:230px;right:20px;z-index:1000;border:1px solid #92012c;border-radius:5px;-moz-border-radius:5px;padding:10px;}
#find-an-agent span{display:block;width:312px;height:84px;position:absolute;top:3px;left:3px;z-index:1000;border:1px solid #000;border-radius:5px;-moz-border-radius:5px;}
#find-an-agent h2{color:#92012c;font-size:21px;margin-bottom:10px;}
#find-an-agent select{padding:5px 10px 5px 10px;font-size:16px;width:200px;font-style:italic;color:#ccc;}
#find-an-agent select option{font-style:normal;color:#000;}
#find-an-agent input[type="submit"]{background:#92012c url('img/_bg_submit.gif') repeat-x;;color:#fff;border:1px solid #92012c;padding:5px;border-radius:5px;-moz-border-radius:5px;margin:0;margin-left:10px;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;height:30px;}

/* = SECTION-GRAPHIC
-------------------------------------------------------------- */
  
/* = MAIN, CONTAINER
-------------------------------------------------------------- */
#main{margin-top:20px;border-top:1px solid #cdcdcd;padding-top:20px;}    

/* = CONTENT */
#content{overflow:visible;}
/* #content h3{border-bottom:2px solid #6a6a6a;padding-bottom:5px;} */
#content img{border:1px solid #cdcdcd;margin-bottom:10px;}

/* = Alert Box */
/* Change alert style to display:none to hide the alert box */
#alert{background:#ededed;border:1px solid #cdcdcd;margin-bottom:20px;padding:10px;min-height:140px;}
#alert h2.alert-title{color:#92012c;margin-bottom:10px;}

/* = Lifestages Tabs - Home Only */
#lifestages{overflow:visible;}
#lifestages h3{margin-bottom:0;}
#lifestages-inner{background:#ededed;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;width:478px;padding:0;}
#tabs{overflow:visible;}
#tabs-nav{list-style-type:none;padding:0;margin:0;margin-top:20px}
#tabs-nav a{line-height:50px;height:50px;width:158px;color:#000;display:block;font-size:16px;margin-bottom:15px;background:transparent;text-decoration:none;padding-left:20px;padding-top:2px;margin-left:-6px;}
#tabs-nav a:hover,#tabs-nav li.activeSlide a{background:transparent url('img/_bg_tab_arrow.gif') no-repeat;color:#fff;}
#panes{height:450px;overflow:hidden;}
.pane{position:absolute;top:0;left:0;background:#ededed;padding:20px;}
.pane h4{border-bottom:1px solid #cdcdcd;padding-bottom:5px;font-size:1.5em;line-height:1;margin-bottom:1em;}
.pane ul{list-style-type:none;}
.pane li a{font-size:14px;}

/* = SIDEBAR */
.widget-area{background:#ededed;border:1px solid #cdcdcd;margin-bottom:20px;padding:10px;}
.widget-area h3{color:#92012c;border-bottom:2px solid #cdcdcd;padding-bottom:5px;}
.widget-area a.button{height:40px;line-height:40px;padding:0 20px;display:inline-block;background:#96b13a url('img/_bg_widget_button.gif') repeat-x;text-decoration:none;color:#fff;border-radius:10px;-moz-border-radius:10px;border:1px solid #829a3a;margin-bottom:10px;font-weight:bold;text-shadow: 1px 1px 2px #829a3a;}
.widget-area ul{list-style-type:none;margin:0;padding:0;margin-bottom:10px;}
.widget-area li{line-height:200%;}
.widget-area li a{font-size:14px;}
.widget-area img{border:1px solid #cdcdcd;margin-bottom:10px;}

/* = END OF MAIN, CONTAINER----------------------------------- */
   
/* = SOCIAL
-------------------------------------------------------------- */
#social{border-top:1px solid #cdcdcd;}
#social-inner{height:50px;}
#social-inner iframe{margin-top:10px;}
  
/* = FOOTER
-------------------------------------------------------------- */
#footer{background:#deddd9;border-top:1px solid #cdcdcd;padding-top:20px;}
#footer h3{margin-bottom:0;background:#000 url('img/_bg_footer_h3.gif') repeat-y;color:#fff;padding:5px 10px;border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;font-weight:bold;}
#footer img{margin-bottom:5px;}
#footer ul{list-style-type:none;margin:0;padding:0;}
ul#footer-nav{list-style:none;margin:0 0 20px;padding:0;height:16px;line-height:16px;}
#footer-nav li{display:inline;}
#footer-nav a{text-decoration:none;margin-right:10px;border-right:1px solid #6a6a6a;padding-right:10px;}
#footer-nav a:hover{text-decoration:underline;}

#footer-btm{background:#7c7974 url('img/_bg_footer_btm.gif') repeat-x top; width:100%;}
#footer-btm-inner{color:#fff;text-align:center;width:100%;height:60px;line-height:30px;}
#footer-btm p{margin:10px 0;}

/* = CLEARS & MISC
-------------------------------------------------------------- */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-vert30{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:30px;}
.highlight{color:#92012c;} /* used to give select items red text color */

/* Text meant only for screen readers */
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}