@font-face { font-family: 'LeagueGothicRegular'; src: url("/site-assets/fonts/League_Gothic-webfont.eot"); src: url("/site-assets/fonts/League_Gothic-webfont.eot?#iefix") format("embedded-opentype"), url("/site-assets/fonts/League_Gothic-webfont.ttf") format("truetype"), url("/site-assets/fonts/League_Gothic-webfont.svg#LeagueGothicRegular") format("svg"); font-weight: normal; font-style: normal; }
/*@charset "iso-8859-1";
/*----- Document -----*/
* { margin: 0; padding: 0; border: none; border-collapse: collapse; outline: none; quotes: '' ''; font-weight: normal; font-style: normal; font-size: 1em; }
body { font: 0.625em/1 arial, sans-serif; background: #E1E5D2; color: #454545; }
a { cursor: pointer; }
#wrapper { padding: 14px 0 29px; background: #FFF; border-bottom: 1px solid #BCC0AC; }
#wrapper #container { width: 940px; margin: 0 auto; }
#ieWarning { background: url("../img/dialog-warning.gif") no-repeat scroll 1em 0.35em #FDF2AB; border: 1px solid #CCCCCC; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 7px 36px 10px 40px; text-align: left; margin: 0 0 10px !important; line-height: 1.4em; }
/*----- Clear Fix -----*/
.clearfix:after,
#wrapper #container:after,
#main #breadcrumb:after,
#main #content:after,
#main #content .container .section:after,
#quote #main #content .container .section dd p:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix,
#main #breadcrumb,
#wrapper #container,
#main #content,
#main #content .container .section,
#quote #main #content .container .section dd p,
#aside .info .inner { display: inline-block; }
html[xmlns] .clearfix,
html[xmlns] #main #breadcrumb,
html[xmlns] #wrapper #container,
html[xmlns] #main #content,
html[xmlns] #main #content .container .section,
html[xmlns] #quote #main #content .container .section dd p,
html[xmlns] #aside .info .inner { display: block; }
/*----- Word Wrap Fixes -----*/
.nowrap { white-space: nowrap; }
/*----- jQuery UI Tabs -----*/
.ui-tabs-hide { display: none !important; }
/*----- Required Fields ----*/
span.required { color: #CC0000; }
/*----- Header -----*/
#header { position: relative; z-index: 2; margin: 0 0 5px; padding: 0 0 10px; height: 85px; background: url('/site-assets/img/bgs/header_btm.png') right bottom no-repeat; }
#header #offscreen { float: left; width: 200px; }
#header #offscreen a { overflow: hidden; display: block; height: 60px; background: url('/site-assets/img/logo.png') no-repeat; text-indent: -2000em; }
#header #logo { display: none; }
/*----- Primary Navigation -----*/
#nav { position: relative; float: left; width: 623px; height: 48px; margin: 37px 0 0 2px; z-index: 100000; }
#nav.active { background: url('/site-assets/img/bgs/nav_active_btm.png') left bottom no-repeat; }
#nav li { float: left; list-style: none; }
#nav li a { position: relative; overflow: hidden; display: block; height: 48px; background: url('/site-assets/img/btns/nav.png') no-repeat; text-indent: -2000em; }
#nav li a span.clone { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 48px; background: url('/site-assets/img/btns/nav.png') no-repeat; }
#nav li.products,
#nav li.products a { width: 105px; background-position: 0 0; }
#nav li.products a.current,
#nav li.products a:hover { background-position: -163px 0; }
#nav li.products a.selected,
#nav li.products a span.clone { background-position: -331px 0 !important; }
#nav li.learn,
#nav li.learn a { width: 161px; background-position: 0 -48px; }
#nav li.learn a.current,
#nav li.learn a:hover { background-position: -163px -48px; }
#nav li.learn a.selected,
#nav li.learn a span.clone { background-position: -331px -48px !important; }
#nav li.claims,
#nav li.claims a { width: 89px; background-position: 0 -96px; }
#nav li.claims a.current,
#nav li.claims a:hover { background-position: -163px -96px; }
#nav li.claims a.selected,
#nav li.claims a span.clone { background-position: -331px -96px !important; }
#nav li.payments,
#nav li.payments a { width: 113px; background-position: 0 -144px; }
#nav li.payments a.current,
#nav li.payments a:hover { background-position: -163px -144px; }
#nav li.payments a.selected,
#nav li.payments a span.clone { background-position: -331px -144px !important; }
#nav li.account,
#nav li.account a { width: 127px; background-position: 0 -192px; }
#nav li.account a.current,
#nav li.account a:hover { background-position: -163px -192px; }
#nav li.account a.selected,
#nav li.account a span.clone { background-position: -331px -192px !important; }
/*----- Primary Navigation Drop-down for Products menu only-----*/

#nav li #nav_products { display: none; position: absolute; left: 0; z-index: -1; overflow: hidden; width: 600px; height: 171px; margin-top: -4px; padding: 15px 45px 0 24px; background: url('/site-assets/img/bgs/nav_dropdown.png') no-repeat; }
#nav li #nav_products li { float: left; width: 122px; margin: 0 20px 0 0; background: url('/site-assets/img/separators/nav_dropdown.gif') left bottom repeat-x; }
#nav li #nav_products li.closeBtn { width: 24px; background: none; position: absolute; top: 8px; right: 40px; }
/*----- Primary Navigation Drop-down -----*/
#nav li ul { display: none; position: absolute; left: 0; z-index: -1; overflow: hidden; width: 554px; height: 171px; margin-top: -4px; padding: 15px 45px 0 24px; background: url('/site-assets/img/bgs/nav_dropdown.png') no-repeat; }
#nav li ul li { float: left; width: 122px; margin: 0 40px 0 0; background: url('/site-assets/img/separators/nav_dropdown.gif') left bottom repeat-x; }
#nav li ul li.last { background: none; }
#nav li ul li a { display: block; width: auto !important; height: auto; padding: 7px 0 7px; background: none; font-weight: bold; font-size: 1.1em; /* 11.0px at 10px base */ text-decoration: none; text-indent: 0; color: #368CC2; }
#nav li ul li a:hover { color: #57A927; }
#nav li ul li a span { font-weight: bold; font-size: 1.182em; /* 13.0px at 11px base */ margin: 0 9px 0 0; }
#nav li ul li a.button.featured { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c7e346), color-stop(1, #71ad38)); background: -moz-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: -webkit-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: -o-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: -ms-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: linear-gradient(to bottom, #c7e346 5%, #71ad38 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7e346', endColorstr='#71ad38', GradientType=0);
background-color: #71ad38; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: inline-block; font-size: 0.9em; padding: 0.5em 1em .75em 1em; text-align: center; text-decoration: none; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: 0px 1px 0px #5b8a3c; letter-spacing: 0.3px; box-shadow: 0px 1px 3px #e3e3e3; -moz-box-shadow: 0px 1px 3px #e3e3e3; -webkit-box-shadow: 0px 1px 3px #e3e3e3; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#e3e3e3')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#e3e3e3');
}
#nav li ul li a.button.featured:hover,
a.button.featured:focus { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #71ad38), color-stop(1, #c7e346)); background: -moz-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: -webkit-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: -o-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: -ms-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: linear-gradient(to bottom, #71ad38 5%, #c7e346 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#71ad38', endColorstr='#c7e346', GradientType=0);
background-color: #a1c74e; text-shadow: 0px 1px 0px #5b8a3c; }
/*---- Primary Nav Drop-down items (Payments) ---- */

/*----- Primary Navigation Drop-down Featured Item -----*/
#nav li ul li.featured { float: right; width: 195px; height: 120px; padding: 9px 15px; margin-right: 0; }
#nav li ul li.featured div { font-weight: bold; font-size: 1.364em; /* 15.0px at 11px base */ text-indent: -2000em; color: #57A927; }
#nav li ul li.featured p { margin: 10px 80px 0 0; font-size: 1.1em; line-height: 1.3; color: #000; text-indent: -2000px; }
#nav li ul li.featured a { overflow: hidden; margin: 50px 0 0; }
#nav li ul li.featured { background: url('/site-assets/img/bgs/featured-product-tsd.png') no-repeat; }
#nav li ul li.featured2 { float: right; width: 195px; height: 120px; padding: 9px 15px; margin-right: 0; }
#nav li ul li.featured2 div { font-weight: bold; font-size: 1.364em; /* 15.0px at 11px base */ text-indent: -2000em; color: #57A927; }
#nav li ul li.featured2 p { margin: 28px 110px 0 0; font-size: 1.1em; line-height: 1.3; color: #000; }
#nav li ul li.featured2 a { overflow: hidden; width: 71px !important; height: 19px; margin: 7px 0 0; padding: 0; background: url('/site-assets/img/btns/learn_more.png') no-repeat; text-indent: -2000em; }
#nav li ul li.featured2 a:hover { background: url('/site-assets/img/btns/learn_more.png') no-repeat; }
#nav li ul li.featured2 { background: url('/site-assets/img/bgs/featured_products2.jpg') no-repeat; }
#nav li ul li.featured3 { float: right; width: 195px; height: 120px; padding: 9px 15px; margin-right: 0; }
#nav li ul li.featured3 div { font-weight: bold; font-size: 1.364em; /* 15.0px at 11px base */ text-indent: -2000em; color: #57A927; }
#nav li ul li.featured3 p { margin: 10px 80px 0 0; font-size: 1.1em; line-height: 1.3; color: #000; text-indent: -2000px; }
#nav li ul li.featured3 a { overflow: hidden; margin: 50px 0 0; }
#nav li ul li.featured3 { background: url('/site-assets/img/bgs/featured_products-CRP.png') no-repeat; }
#nav li ul li.featured4 { float: right; width: 195px; height: 120px; padding: 9px 15px; margin-right: 0; }
#nav li ul li.featured4 div { font-weight: bold; font-size: 1.364em; /* 15.0px at 11px base */ text-indent: -2000em; color: #57A927; }
#nav li ul li.featured4 p { margin: 9px 70px 0 0; font-size: 1em; line-height: 1.2; color: #000; text-indent: -2000px; }
#nav li ul li.featured4 a { overflow: hidden; margin: 65px 0 0; }
#nav li ul li.featured4 { background: url('/site-assets/img/bgs/featured_products-onlineBill.png') no-repeat; }
/*----- Primary Navigation Drop-down Close -----*/
#nav li ul li.closeBtn { width: 24px; background: none; position: absolute; top: 8px; right: -30px; }
#nav li ul li.closeBtn a { width: 24px; height: 23px; padding: 0; background: url('/site-assets/img/btns/nav_close.gif') no-repeat !important; text-indent: -2000em; }
/*----- Secondary Navigation -----*/
#nav_secondary { position: absolute; top: 7px; right: 176px; font-size: 1.1em; /* 11.0px at 10px base */ }
#nav_secondary li { float: left; list-style: none; padding: 0 4px 0 0; margin: 0 3px 0 0; background: url('/site-assets/img/separators/nav_secondary.gif') right center no-repeat; }
#nav_secondary li.last { background: none; margin-right: 0; padding-right: 0; }
#nav_secondary li a { display: block; height: 19px; padding: 5px 8px 0; text-decoration: none; text-align: center; color: #113E67; }
#nav_secondary li a.current { background: url('/site-assets/img/btns/nav_secondary.png') 0 -24px repeat-x; }
#nav_secondary li a.spanned { height: auto; padding: 0; background: none; }
#nav_secondary li a.current span { display: block; background-image: url('/site-assets/img/btns/nav_secondary.png'); }
#nav_secondary li a.current span.current_l { background-position: 0 0; background-repeat: no-repeat; padding-left: 6px; }
#nav_secondary li a.current span.current_r { padding-right: 6px; background-position: right -48px; background-repeat: no-repeat; }
#nav_secondary li a.current span.current { height: 19px; padding: 5px 2px 0; background-position: 0 -24px; background-repeat: repeat-x; }
#nav_secondary li a strong { font-weight: bold; }
/*----- Global Search -----*/
#search { position: absolute; top: 0; right: 0; width: 163px; }
#search p { overflow: hidden; }
#search p input { float: left; width: 113px; height: 18px; padding: 5px 7px 0 7px; background: url('/site-assets/img/bgs/search_field.png') no-repeat; font-style: normal; font-size: 1.1em; /* 11.0px at 10px base */ color: #999; }
#search p button { float: right; width: 36px; height: 23px; background: url('/site-assets/img/btns/go_search.png') no-repeat; text-indent: -2000em; cursor: pointer; }
/*----- Help 800 -----*/
#help { position: absolute; top: 34px; right: 2px; width: 147px; height: 43px; background: url('/site-assets/img/bgs/help.png') no-repeat; text-indent: -2000em; }
.system_notice { background: url("../img/icons/ico_notice.gif") no-repeat scroll 12px 6px #fff1b1; clear: both; color: #333333; font-size: 12px; margin-bottom: 12px; padding: 8px 10px 8px 32px; }
.system_notice span { font-weight: bold; }
/*----- Main Content -----*/
#main { position: relative; float: left; font-size: 1.2em; }
#main.full { float: none; width: auto; }
#main a,
#nyroModalContent a { font-weight: bold; text-decoration: none; color: #1381C3;}
#main a.action,
#nyroModalContent a.action { padding: 1px 0 0 22px; background: url('/site-assets/img/icons/li.gif') 0 2px no-repeat; font-weight: normal; cursor: pointer; }
#main a:hover,
#nyroModalContent a:hover { text-decoration: underline; }
#main #discounts a.action,
#nyroModalContent a.action { padding: 1px 0 0 22px; background: url('/site-assets/img/icons/li.gif') 0 2px no-repeat; font-weight: normal; cursor: text; color: #000; }
#main #discounts a:hover,
#nyroModalContent a:hover { text-decoration: none; }
#main ul,
#nyroModalContent ul { margin: 1.167em 0 0; /* 14.0px at 12px base */ padding: 0 0 0 0.5em; }
#main ul li,
#nyroModalContent ul li { padding: 0 0 0 11px; background: url('/site-assets/img/icons/li_bullet.gif') 0 0.667em no-repeat; /* 8.0px at 12px base */ line-height: 1.7; list-style: none; }
#main ul.links,
#nyroModalContent ul.links { padding-left: 0; }
#main ul.links li,
#nyroModalContent ul.links li { padding-left: 0; background: none; }
#main ul.strong li,
#nyroModalContent ul.strong li { font-weight: bold; }
#main ul li strong,
#nyroModalContent ul li strong { font-weight: bold; color: #000; }
#main span.super { margin: 0 0.250em 0 0.083em; font-size: 0.833em; /* 10.0px at 12px base */ vertical-align: 0.417em; /* 5.0px at 12px base */ }
/* ----  Begin DreamBank Promo Banner ------*/	

#dreambankbanner { width: 941px; height: 164px; display: block; margin: 0; background: url(/site-assets/images/dreamBank_banner.jpg) no-repeat 0 0; overflow: hidden; }
#dreambankbanner h2 { width: 100%; height: 1px; display: block; text-indent: -2000em; overflow: hidden; }
#dreambankbanner .links { display: block; overflow: hidden; padding: 110px 0 0 305px; width: 100%; }
#dreambankbanner a,
#dreambankbanner a:link,
#dreambankbanner a:visited { float: left; color: #69911B; display: block; font: bold 13px/13px Arial, Helvetica, sans-serif; height: 28px; text-decoration: none; }
#dreambankbanner span { color: #0567A4; float: left; font-size: 1.2em; font-weight: bold; padding: 0 10px; }
#dreambankbanner a:hover,
#dreambankbanner a:focus { color: #0567A4; }
#dreambankbanner a span { background: url(/site-assets/images/icon_dreambank_arrow.png) no-repeat scroll right 2px transparent; display: block; height: auto; margin: 2px 0 0 387px; overflow: hidden; padding: 0 12px 0 0; width: 69px; }
/* ----  End DreamBank Promo Banner ------*/

/* ----  Begin mSV Promo Banner ------*/	

#mSV_HomepageBanner { width: 941px; height: 132px; display: block; margin: 0; background: url(../images/mySafetyValet_banner.jpg) no-repeat 0 0; overflow: hidden; }
#mSV_HomepageBanner h2 { width: 100%; height: 1px; display: block; text-indent: -2000em; overflow: hidden; }
#mSV_HomepageBanner p { width: 100%; height: 1px; display: block; text-indent: -2000em; overflow: hidden; }
#mSV_HomepageBanner a,
#mSV_HomepageBanner a:link,
#mSV_HomepageBanner a:visited { clear: both; color: #69911B; display: block; font: bold 13px/13px Arial, Helvetica, sans-serif; height: 28px; overflow: hidden; padding: 74px 0 10px; text-decoration: none; width: 100%; text-indent: -2000em; }
#mSV_HomepageBanner a:hover,
#mSV_HomepageBanner a:focus { color: #0567A4; }
/* ----  End mSV Promo Banner ------*/	

/* ----  Begin Dreams Promo Banner ------*/	

#dreams_HomepageBanner { width: 941px; height: 170px; display: block; margin: 0; background: url(../images/dreams_banner.jpg) no-repeat 0 0; overflow: hidden; }
#dreams_HomepageBanner h2 { width: 100%; height: 1px; display: block; text-indent: -2000em; overflow: hidden; }
#dreams_HomepageBanner p { width: 100%; height: 1px; display: block; text-indent: -2000em; overflow: hidden; }
#dreams_HomepageBanner a,
#dreams_HomepageBanner a:link,
#dreams_HomepageBanner a:visited { clear: both; color: #69911B; display: block; font: bold 13px/13px Arial, Helvetica, sans-serif; height: 28px; overflow: hidden; padding: 100px 0 10px; text-decoration: none; width: 100%; text-indent: -2000em; }
#dreams_HomepageBanner a:hover,
#dreams_HomepageBanner a:focus { color: #0567A4; }
/* ----  End Dreams Promo Banner ------*/	

/* ----  Begin myLife Promo Banner ------*/	

#myLifebanner { width: 941px; height: 170px; display: block; margin: 0; background: url(../../site-assets/includes/banners/homepage_banner_mylife.jpg) no-repeat 0 0; overflow: hidden; }
#myLifebanner h2 { width: 100%; height: 1px; display: block; text-indent: -2000em; overflow: hidden; }
#myLifebanner p { width: 100%; height: 1px; display: block; text-indent: -2000em; overflow: hidden; }
#myLifebanner a,
#myLifebanner a:link,
#myLifebanner a:visited { clear: both; color: #69911B; display: block; font: bold 13px/13px Arial, Helvetica, sans-serif; height: 28px; overflow: hidden; padding: 100px 0 10px; text-decoration: none; width: 100%; text-indent: -2000em; }
#myLifebanner a:hover,
#myLifebanner a:focus { color: #0567A4; }
/* ==========================================================================
   Banner Container
   ========================================================================== */
#main #bannerContainer { width: 945px; height: 295px; display: block; margin: 0px auto; padding: 0; overflow: hidden; position: relative; }
#banners { background: url(/site-assets/img/homepage_banner.jpg) no-repeat left 0px transparent; float: left; display: block; width: 675px; margin: 9px 12px 0 3px; height: 277px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0; overflow: hidden; position: relative; -moz-box-shadow: 0 0 10px rgba(0,0,0,.5); -o-box-shadow: 0 0 10px rgba(0,0,0,.5); -ms-box-shadow: 0 0 10px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); }
#mySafetyValet-banner { background: url("../img/mysafetyvalet_banner.jpg") no-repeat scroll left 0 transparent; border-radius: 10px 10px 10px 10px; display: block; float: left; height: 289px; margin: 3px 7px 0 -3px; overflow: hidden; padding: 0; position: relative; width: 686px; }
/* ---------- Service Island CSS ---------- */

#serviceIsland { display: block; width: 255px; position: relative; height: 298px; float: left; margin: 0; padding: 0; overflow: hidden; }
#serviceIsland dl { display: block; width: 255px; height: auto; margin: 0; padding: 0; overflow: hidden; }
#serviceIsland #bottomCap { background: url(http://www.amfam.com/homepages/images/bg_serviceIsland.png) no-repeat 0 -163px; display: block; width: 255px; height: 16px; margin: 0; padding: 0; overflow: hidden; }
#serviceIsland #bottomCap:hover { background-position: -255px -163px; }
#serviceIsland dl dt { background: url(http://www.amfam.com/homepages/images/bg_serviceIsland.png) no-repeat 0 0; display: block; margin: 0; overflow: hidden; padding: 0 12px; float: none; clear: both; width: 231px; text-indent: -2000em; cursor: pointer; }
#serviceIsland dl dd { display: none; margin: 0; overflow: hidden; padding: 0 12px; float: none; clear: both; width: 231px; }
#serviceIsland dl #getaquoteForm1,
#serviceIsland dl #myaccountForm,
#serviceIsland dl #findanagentForm,
#serviceIsland dl #claimsForm,
#serviceIsland dl #paynowForm { background: url(http://www.amfam.com/homepages/images/bg_serviceIslandForm.png) no-repeat 0 0; height: 119px; }
/* Service Island: Get a Quote */
#serviceIsland dl #getaquote { background-position: 0 0; height: 43px; }
#serviceIsland dl #getaquote:hover { background-position: -255px 0; }
#serviceIsland dl #getaquote.active { background-position: -510px 0; }
#serviceIsland dl #getaquoteForm.active { display: block; }
#main a,
#nyroModalContent a { color: #1381c3; font-size:1em; font-weight: normal; line-height: 1.2em; padding: 0.2em 0 0; text-decoration: none; width: 80%; }
/* Service Island: My Account */
#serviceIsland dl #myaccount { background-position: 0 -43px; height: 30px; }
#serviceIsland dl #myaccount:hover { background-position: -255px -43px; }
#serviceIsland dl #myaccount.active { background-position: -510px -43px; }
#serviceIsland dl #myaccountForm.active { display: block; }
/* Service Island: Find an Agent */
#serviceIsland dl #findanagent { background-position: 0 -73px; height: 30px; }
#serviceIsland dl #findanagent:hover { background-position: -255px -73px; }
#serviceIsland dl #findanagent.active { background-position: -510px -73px; }
#serviceIsland dl #findanagentForm.active { display: block; }
/* Service Island: Claims Service */
#serviceIsland dl #claims { background-position: 0 -103px; height: 30px; }
#serviceIsland dl #claims:hover { background-position: -255px -103px; }
#serviceIsland dl #claims.active { background-position: -510px -103px; height: 30px; }
#serviceIsland dl #claimsForm.active { display: block; }
/* Service Island: Pay Now */
#serviceIsland dl #paynow { background-position: 0 -133px; height: 30px; }
#serviceIsland dl #paynow:hover { background-position: -255px -133px; }
#serviceIsland dl #paynow.active { background-position: -510px -133px; height: 32px; }
#serviceIsland dl #paynowForm.active { display: block; height: 118px; }
#serviceIsland dd p { display: block; overflow: hidden; height: auto; width: 176px; margin: 0 auto; padding: 5px 0 0; color: #666; border: none; }
#serviceIsland dd p.indented { height: auto; width: 190px; font: 11px/14px Arial, Helvetica, sans-serif; }
#serviceIsland dd p.extended { height: auto; width: 187px; padding-bottom: 5px; padding-left: 15px; font: 11px/13px Arial, Helvetica, sans-serif; }
#serviceIsland dd p.subheadPN { font-weight: bold; color: #679A35 !important; padding-bottom: 0px; }
#serviceIsland dd p.top { color: #666; padding: 0.8em 0 0; }
#serviceIsland p.multistack { padding-top: 0px; border: none; }
#serviceIsland dd p.top.multistack { padding-top: 14px; }
#serviceIsland dd p.indented.info a { font: 11px/12px Arial, Helvetica, sans-serif; color: #2a86d4; text-decoration: none; display: block; height: auto; position: relative; }
#serviceIsland dd p.indented.info a.chat { float: right; height: 15px; padding: 6px 0 0 29px; text-align: right; width: 49px; background: url(http://www.amfam.com/homepages/images/chat_bubbles.gif) no-repeat 0 1px; }
#serviceIsland #myaccountForm p.indented.info a { padding: 5px 0 0 9px; }
#serviceIsland dd p.indented.info a.first { float: left; height: 24px; padding: 4px 8px 0 0; text-align: left; width: 115px; background: none; }
#serviceIsland dd p.indented.info a:hover { text-decoration: underline; color: #679a35; }
/*#getaquoteForm form { display: none; }*/
#getaquoteForm form.active,
#quote-sidebar form.active { display: block; }
#serviceIsland .paired { width: 176px; margin: 0 auto; border: none !important; background: none; }
#serviceIsland .txtfield { width: 164px; height: 16px; display: block; margin: 0 auto; padding: 6px; background: url(http://www.amfam.com/homepages/images/serviceIsland_textfield.png) no-repeat 0 0; }
#serviceIsland .txtfield.error { background: url(http://www.amfam.com/homepages/images/serviceIsland_textfield_error.png) no-repeat 0 0 !important; border: none !important; }
#serviceIsland .txtfield.error select,
#serviceIsland .txtfield.error input,
#serviceIsland .paired.myAccount .txtfield.error .fakeValue { color: #c00 !important; border: none !important; }
#serviceIsland .txtfield.short { width: 164px; height: 15px; display: block; margin: 0 auto; padding: 5px 6px; background: url(http://www.amfam.com/homepages/images/serviceIsland_textfield_short.png) no-repeat 0 0; }
#serviceIsland .txtfield.short.error { background: url(http://www.amfam.com/homepages/images/serviceIsland_textfield_short_error.png) no-repeat 0 0 !important; border: none !important; }
#serviceIsland .txtfield select,
#serviceIsland .txtfield input { height: 16px; width: 164px; display: block; background: none; border: none; overflow: hidden; font: 13px/14px Arial, Helvetica, sans-serif; padding: 0; }
#serviceIsland .txtfield.narrow { width: 102px; height: 15px; display: block; margin: 0 auto; padding: 5px 6px; background: url(http://www.amfam.com/homepages/images/serviceIsland_textfield_narrow.png) no-repeat 0 0; float: left; }
#serviceIsland .txtfield.narrow.error { background: url(http://www.amfam.com/homepages/images/serviceIsland_textfield_narrow_error.png) no-repeat 0 0 !important; border: none !important; }
#serviceIsland .txtfield.narrow select { height: 15px; width: 102px; display: block; background: none; border: none; overflow: hidden; font: 13px/14px Arial, Helvetica, sans-serif; padding: 0; }
#serviceIsland .txtfield input { padding-left: 3px; }
#serviceIsland .paired .txtfield { width: 116px; height: 16px; display: block; margin: 0 auto; float: left; padding: 6px; background: url(http://www.amfam.com/homepages/images/serviceIsland_textfield_button.png) no-repeat 0 0; }
#serviceIsland .paired.myAccount .txtfield { width: 105px; background: url(http://www.amfam.com/homepages/images/serviceIsland_textfield_password.png) no-repeat 0 0; }
#serviceIsland .paired.myAccount .txtfield.error { background: url(http://www.amfam.com/homepages/images/serviceIsland_textfield_password_error.png) no-repeat 0 0 !important; border: none !important; }
#serviceIsland .paired.myAccount .txtfield input { width: 105px; }
#serviceIsland .paired.myAccount .txtfield .fakeValue { height: 16px; width: 105px; display: block; background: none; border: none; overflow: hidden; font: 13px/14px Arial, Helvetica, sans-serif; padding: 1px 0 0 4px; }
#serviceIsland .paired button { width: 48px; height: 28px; display: block; margin: 0; float: left; padding: 6px; background: url(http://www.amfam.com/homepages/images/serviceIsland_goBtn_texfield.png) no-repeat 0 0; text-indent: -2000em; border: 0; cursor: pointer; }
#serviceIsland .go,
#quote-sidebar .go { width: 57px; height: 25px; display: block; margin: 0; float: right; padding: 6px; background: url(http://www.amfam.com/homepages/images/serviceIsland_goBtn.png) no-repeat 0 0; text-indent: -2000em; border: 0; cursor: pointer; }
#serviceIsland #agentTabs { width: 229px; height: 22px; display: block; overflow: hidden; margin: 0 auto; padding: 1px 0 0; clear: both; }
#serviceIsland #agentTabs li { height: 22px; display: block; overflow: hidden; float: left; margin: 0; padding: 0; }
#serviceIsland #agentTabs li a { height: 22px; display: block; overflow: hidden; background: url(http://www.amfam.com/homepages/images/serviceIsland_findAnAgent_tabs.png) no-repeat 0 0; float: left; margin: 0; padding: 0; text-indent: -2000em; }
#serviceIsland #agentTabs #byLocation { width: 115px; }
#serviceIsland #agentTabs #byLocation a,
#serviceIsland #agentTabs #byLocation a:link,
#serviceIsland #agentTabs #byLocation a:visited { width: 115px; background-position: 0 -22px; }
#serviceIsland #agentTabs #byLocation a:hover { width: 115px; background-position: 0 -44px; }
#serviceIsland #agentTabs #byLocation.active a { background-position: 0px 0px !important; }
#serviceIsland #agentTabs #byName { width: 114px; }
#serviceIsland #agentTabs #byName a,
#serviceIsland #agentTabs #byName a:link,
#serviceIsland #agentTabs #byName a:visited { width: 115px; background-position: -115px -22px; }
#serviceIsland #agentTabs #byName a:hover { width: 115px; background-position: -115px -44px; }
#serviceIsland #agentTabs #byName.active a { background-position: -115px 0px !important; }
#serviceIsland #bylocation,
#serviceIsland #byname { width: 229px; height: 87px; padding-top: 11px; display: block; margin: 0 auto; overflow: hidden; background: url(http://www.amfam.com/homepages/images/serviceIsland_findAnAgent_bg.png) no-repeat 0 0; clear: both; }
#bannerContainer #quote-sidebar { display: block; float: left; height: 277px; margin: 0 0 0 17px; position: relative; width: 225px; z-index: 0; }
#bannerContainer #quote-sidebar h2 { color: #0068B5; font-family: 'LeagueGothicRegular', Arial, sans-serif; font-size: 2.5em; font-weight: normal; text-transform: uppercase; margin: 20px 0 0; padding: 0; text-align: center; }
#bannerContainer #quote-sidebar h2.line2 { color: #D7043E; margin: 0 0 60px; }
#bannerContainer #quote-sidebar p.top { color: #0062B4; font-size: 1.1em; padding: 19px 19px 10px; text-align: center; }
#bannerContainer #quote-sidebar p.indented { height: auto; width: 172px; }
#bannerContainer #quote-sidebar .txtfield { background: url("http://www.amfam.com/homepages/images/serviceIsland_textfield.png") no-repeat scroll 0 0 transparent; display: block; height: 16px; margin: 0 auto; padding: 6px; width: 164px; }
#bannerContainer #quote-sidebar .txtfield select,
#bannerContainer #quote-sidebar .txtfield input { background: none repeat scroll 0 0 transparent; border: medium none; display: block; font: 13px/14px Arial, Helvetica, sans-serif; height: 16px; overflow: hidden; padding: 0; width: 164px; color: #666; }
#bannerContainer #quote-sidebar .txtfield select { color: #333; }
#bannerContainer #quote-sidebar .paired { background: none repeat scroll 0 0 transparent; border: medium none !important; margin: 0 auto; width: 176px; }
#bannerContainer #quote-sidebar .paired .txtfield { background: url("http://www.amfam.com/homepages/images/serviceIsland_textfield_button.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 16px; margin: 0 auto; padding: 6px; width: 116px; }
#bannerContainer #quote-sidebar .paired .txtfield.error { background: url(http://www.amfam.com/homepages/images/serviceIsland_textfield_error.png) no-repeat 0 0 !important; border: none !important; color: #ff0000 !important; }
#bannerContainer #quote-sidebar .paired button { background: url("http://www.amfam.com/homepages/images/serviceIsland_goBtn_texfield.png") no-repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; display: block; float: left; height: 28px; margin: 0; padding: 6px; text-indent: -2000em; width: 48px; }
#bannerContainer #quote-sidebar .customer-already { color: #0062b4 !important; display: block; font-size: 0.96em; font-weight: normal !important; line-height: 1.3em; padding: 3em 2.5em; width: 77%; }
#getaquoteForm1 .already-customer {display: block; font-size: 0.9em; font-weight: normal !important; line-height: 1.2em; width: 73%; margin: 0 auto; }
/*mySafetyValet quote section */

#bannerContainer #mySafetyValet-sidebar { display: block; float: left; height: 255px; margin: 20px 0 0 29px; padding: 0 20px; position: relative; text-align: center; width: 178px; z-index: 0; }
#bannerContainer #mySafetyValet-sidebar h2 { background: url("../img/mysafetyvalet_logo.png") no-repeat scroll center center transparent; display: block; height: 38px; margin: 5px 0; text-indent: -2000em; }
#bannerContainer #mySafetyValet-sidebar h2.line2 { font-family: 'LeagueGothicRegular', Arial, sans-serif; background: none; text-indent: inherit; font-size: 1.8em; font-weight: normal; text-transform: uppercase; margin: 20px 0 0; padding: 0; text-align: center; color: #D7043E; margin: 0; height: 32px; }
#bannerContainer #mySafetyValet-sidebar p { font-size: 1.1em; font-style: italic; font-weight: bold; }
#bannerContainer #mySafetyValet-sidebar p.top { color: #0062B4; font-size: 1.2em; padding: 45px 0 10px; text-align: center; font-style: italic; }
#bannerContainer #mySafetyValet-sidebar p.indented { height: auto; width: 172px; }
#bannerContainer #mySafetyValet-sidebar .txtfield { background: url("http://www.amfam.com/homepages/images/serviceIsland_textfield.png") no-repeat scroll 0 0 transparent; display: block; height: 16px; margin: 0 auto; padding: 6px; width: 164px; }
#bannerContainer #mySafetyValet-sidebar .txtfield select,
#bannerContainer #mySafetyValet-sidebar .txtfield input { background: none repeat scroll 0 0 transparent; border: medium none; display: block; font: 13px/14px Arial, Helvetica, sans-serif; height: 16px; overflow: hidden; padding: 0; width: 164px; color: #666; }
#bannerContainer #mySafetyValet-sidebar .txtfield select { color: #333; }
#bannerContainer #mySafetyValet-sidebar .mySafetyValet-btn { background: url("/site-assets/img/btns/mysafetyvalet_btn.png") no-repeat scroll 0 -1px transparent; display: block; height: 39px; text-indent: -2000em; width: 185px; }
#bannerContainer #mySafetyValet-sidebar a.mySafetyValet-btn:hover { background: url("/site-assets/img/btns/mysafetyvalet_btn.png") no-repeat scroll 0 -34px transparent; display: block; height: 39px; text-indent: -2000em; width: 185px; }
#bannerContainer #mySafetyValet-sidebar .paired { background: none repeat scroll 0 0 transparent; border: medium none !important; margin: 0 auto; width: 176px; }
#bannerContainer #mySafetyValet-sidebar .paired .txtfield { background: url("http://www.amfam.com/homepages/images/serviceIsland_textfield_button.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 16px; margin: 0 auto; padding: 6px; width: 116px; }
#bannerContainer #mySafetyValet-sidebar .paired button { background: url("http://www.amfam.com/homepages/images/serviceIsland_goBtn_texfield.png") no-repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; display: block; float: left; height: 28px; margin: 0; padding: 6px; text-indent: -2000em; width: 48px; }
/* ==========================================================================
Test and Target Home Page Banners
 ========================================================================== */
.hp-banners { float: left; display: block; width: 675px; margin: 9px 12px 0 3px; height: 277px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0; overflow: hidden; position: relative; -moz-box-shadow: 0 0 10px rgba(0,0,0,.5); -o-box-shadow: 0 0 10px rgba(0,0,0,.5); -ms-box-shadow: 0 0 10px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); }
.sidebar { display: block; float: left; height: 277px; margin: 0 0 0 35px; position: relative; width: 195px; z-index: 0; }
.hp-banners h2 { font-size: 3.5em; font-weight: normal; text-transform: uppercase; margin: 20px 0 0; padding: 0; text-align: left; font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #005FAF; }
h2.line2 { margin-top: 10px; }
.hp-banners p { font-size: 1.2em; font-weight: bold; line-height: 1.3em; margin: 10px 0; width: 143px; }
.red,
h2.red { color: #F83357; }
.get-a-quote-btn { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c7e346), color-stop(1, #71ad38)); background: -moz-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: -webkit-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: -o-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: -ms-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: linear-gradient(to bottom, #c7e346 5%, #71ad38 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7e346', endColorstr='#71ad38', GradientType=0);
background-color: #71ad38; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: inline-block; font-size: 1.2em; margin: 0.2em auto; padding: 0.5em 1em; text-align: left; text-decoration: none; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: 0px 1px 0px #5b8a3c; letter-spacing: 0.3px; box-shadow: 0px 1px 3px #e3e3e3; -moz-box-shadow: 0px 1px 3px #e3e3e3; -webkit-box-shadow: 0px 1px 3px #e3e3e3; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#e3e3e3')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#e3e3e3');
}
.get-a-quote-btn:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #71ad38), color-stop(1, #c7e346)); background: -moz-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: -webkit-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: -o-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: -ms-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: linear-gradient(to bottom, #71ad38 5%, #c7e346 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#71ad38', endColorstr='#c7e346', GradientType=0);
background-color: #a1c74e; text-shadow: 0px 1px 0px #5b8a3c; }
.homeowners-banner { background: url("/site-assets/img/homepage_banner_homeowners.jpg") no-repeat scroll left 0 transparent; }
.homeowners-banner h2 { font-size: 5em; margin-top: 40px; }
.renters-banner { background: url("/site-assets/img/homepage_banner_renters.jpg") no-repeat scroll left 0 transparent; }
.renters-banner p,
.renters-banner h2 { width: 158px; }
.life-banner { background: url("/site-assets/img/homepage_banner_life.jpg") no-repeat scroll left 0 transparent; }
.life-banner h2 { margin-top: 25px; }
.life-banner h2.line2 { margin-top: 10px; }
.motorcycle-banner { background: url("/site-assets/img/homepage_banner_motorcycle.jpg") no-repeat scroll left 0 transparent; }
.motorcycle-banner h2 { font-size: 5em; margin-top: 15px; }
.motorcycle-banner h2.line2 { font-size: 3.5em; width: 148px; margin-top: 0px; }
.motorcycle-banner p { width: 170px; }
.condo-banner { background: url("/site-assets/img/homepage_banner_condo.jpg") no-repeat scroll left 0 transparent; }
.condo-banner h2 { font-size: 4em; margin-top: 30px; }
.condo-banner h2.line2 { font-size: 3.5em; margin-top: 5px; }
.boat-banner { background: url("/site-assets/img/homepage_banner_boat.jpg") no-repeat scroll left 0 transparent; }
.boat-banner h2 { font-size: 5em; margin-top: 24px; }
.business-banner { background: url("/site-assets/img/homepage_banner_business.jpg") no-repeat scroll left 0 transparent; }
/* ==========================================================================
 Insurance Products/Tools (Option 1)
 ========================================================================== */
#products-tools-1 { font-family: "Arial", Helvetica, sans-serif; background-color: #FFFFFF; border-left: 1px solid #bababa; border-right: 1px solid #bababa; border-top: 1px solid #bababa; border-bottom: 8px solid #777777; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; width: 940px; }
#products-tools-1 .products-header { background-color: #F4F4F4; border-bottom: 1px solid #BABABA; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; display: block; padding: 14px; position: relative; width: 97%; color: #0062b4; font-size: 1.25em; font-weight: bold; }
#products-tools-1 #products-description { display: block; position: relative; width: 100%; }
#products-tools-1 .products-header .insurance-products-heading { width: 21%; display: inline-block; font-weight: bold; }
#products-tools-1 .products-header .description-heading { width: 32%; display: inline-block; font-weight: bold; }
#products-tools-1 .products-header .related-tools-heading { width: 45%; display: inline-block; font-weight: bold; }
#products-tools-1 #product-options { color: #0062b4; display: block; float: left; width: 20%; }
#products-tools-1 #product-options ul { margin: 0; padding: 0; }
#products-tools-1 #product-options ul li { padding: 5px 0; border: 1px solid #CCC; padding: 6px 0 6px 20px; list-style-type: none; margin: 0; background: none #f2f2f2; }
#products-tools-1 #product-options ul li.active { padding: 5px 0; background: none #ffffff; border: 0px none; text-decoration: underline; padding: 6px 0 6px 20px; list-style: none; list-style-type: none; margin: 0; }
#products-tools-1 #product-options ul li a,
#products-tools-1 #product-options ul li a:hover,
#products-tools-1 #product-options ul li.active a { color: #0062b4; font-weight: bold; }
#products-tools-1 .content { width: 80%; display: inline-block; vertical-align: top; margin: 0; height: 273px; }
#products-tools-1 .content .description { width: 34%; padding: 15px 0 15px 15px; display: block; float: left; text-align: center; height: 100%; }
#products-tools-1 .content .description p { font-weight: bold; line-height: 1.5em; margin: 5px 0 5px 3px; text-align: left; width: 99%; }
#products-tools-1 .content .description img { background-size: auto auto; border: 1px solid #70AC39; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 125px; width: 250px; }
#main .productBtn { background: #6DA637; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #CDE842 0%, #6DA637 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #CDE842 0%, #6DA637 100%); /* Opera */ background-image: -o-linear-gradient(top, #CDE842 0%, #6DA637 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CDE842), color-stop(1, #6DA637)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #CDE842 0%, #6DA637 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #CDE842 0%, #6DA637 100%); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; text-decoration: none; margin: 0.5em auto; padding: 0.6em 1.4em; color: #FFFFFF; border: 1px solid #cccccc; text-align: center; display: inline-block; font-size: 1em; }
#main .productBtn:hover,
#main.productBtn:focus { background: #66D000; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(bottom, #66D000 0%, #D1FF0B 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(bottom, #66D000 0%, #D1FF0B 100%); /* Opera */ background-image: -o-linear-gradient(bottom, #66D000 0%, #D1FF0B 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #66D000), color-stop(1, #D1FF0B)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(bottom, #66D000 0%, #D1FF0B 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to top, #66D000 0%, #D1FF0B 100%); /* W3C */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; text-decoration: none; margin: 0.5em auto; padding: 0.6em 1.4em; color: #FFFFFF; border: 1px solid #CCC; text-align: center; display: inline-block; }
#products-tools-1 .content .related-tools { width: 61%; height: 100%; margin: 0 0 0 22px; display: block; float: left; background-color: #F2F2F2; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); /* Opera */ background-image: -o-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F2F2F2)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #FFFFFF 0%, #F2F2F2 100%); }
#products-tools-1 .content .related-tools ul { margin: 0; }
#products-tools-1 .content .related-tools ul li { list-style-type: none; background: none transparent; margin: 0; clear: both; padding: 15px 15px 0 10px; line-height: 1.3em; }
#products-tools-1 .content .related-tools span.tools-icon { background-image: url(/site-assets/img/tools_icons.png); background-repeat: no-repeat; width: 40px; height: 43px; float: left; margin: 0 5px 0 0; }
#products-tools-1 .content .related-tools span.auto-icon { background-position: -179px 0; margin: 0 8px 0 0; width: 53px; }
#products-tools-1 .content .related-tools span.quote-icon { background-position: -227px 0; margin: 0 15px 0 0; width: 42px; }
#products-tools-1 .content .related-tools span.assessment-icon { background-position: -91px 0; height: 47px; margin: 0 15px 0 0; width: 43px; }
#products-tools-1 .content .related-tools span.dreamvault-icon { background-position: -269px 0; width: 52px; }
#products-tools-1 .content .related-tools span.renters-icon { background-position: -317px 0; width: 53px; }
#products-tools-1 .content .related-tools span.home-icon { background-position: 0 0; margin: 0 11px 0 0; width: 46px; }
#products-tools-1 .content .related-tools span.life-icon { background-position: -45px 0; margin: 0 7px 0 0; width: 51px; }
#products-tools-1 .content .related-tools span.annuities-icon { background-position: -136px 0; margin: 0 15px 0 0; width: 43px; }
#products-tools-1 .content .related-tools span.ebook-icon { background-position: -362px -3px; margin: 0 15px 0 0; width: 43px; }
#products-tools-1 .content .related-tools span.video-icon { background-position: -411px 0; margin: 4px 8px 0 0; width: 50px; }
#products-tools-1 .content .related-tools span.business-icon { background-position: -457px -2px; margin: 0 1px 0 3px; width: 50px; }
/* ==========================================================================
 Insurance Products/Tools (Option 2)
 ========================================================================== */
#products-tools-2 { font-family: "Arial", Helvetica, sans-serif; border: 1px solid #bababa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 100%; display: block; overflow: hidden; background-color: #F2F2F2; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); /* Opera */ background-image: -o-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F2F2F2)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #FFFFFF 0%, #F2F2F2 100%); }
#products-tools-2 h3 { color: #0062b4; font-size: 1.3em; font-weight: bold; text-align: center; display: block; clear: both; }
#products-tools-2 a { color: #1381C3; font-size: 1em; font-weight: bold; text-decoration: none; line-height: 1.3em; }
#products-tools-2 a:hover { text-decoration: underline; }
#products-tools-2 #products-description { display: block; position: relative; width: 100%; }
#products-tools-2 .product-options { color: #0062b4; display: block; float: left; width: 70%; border-right: 1px solid #BABABA; padding: 25px 15px 15px; }
#products-tools-2 .product-options .products-row1,
#products-tools-2 .product-options .products-row2 { width: 45%; padding: 0 0 0 30px; height: 100%; display: block; float: left; }
#products-tools-2 .product-options .products-row1 ul,
#products-tools-2 .product-options .products-row2 ul { margin: 0; }
#products-tools-2 .product-options .products-row1 ul li,
#products-tools-2 .product-options .products-row2 ul li { list-style-type: none; background: none transparent; margin: 0; clear: both; padding: 15px 15px 20px 10px; line-height: 1.3em; }
#products-tools-2 .product-options .products-row1 span.product-icon,
#products-tools-2 .product-options .products-row2 span.product-icon { background-image: url(/site-assets/img/product_icons.png); background-repeat: no-repeat; width: 40px; height: 43px; float: left; margin: 0 5px 0 0; }
#products-tools-2 .product-options .products-row1 span.car-icon { background-position: 0 0; margin: -13px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row1 a:hover span.car-icon { background-position: 0 -45px; margin: -13px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row1 span.motorcycle-icon { background-position: -50px 0; margin: -7px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row1 a:hover span.motorcycle-icon { background-position: -50px -45px; margin: -7px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row1 span.boat-icon { background-position: -100px 0; margin: -2px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row1 a:hover span.boat-icon { background-position: -100px -45px; margin: -2px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row1 span.homeowners-icon { background-position: -150px 0; margin: -17px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row1 a:hover span.homeowners-icon { background-position: -150px -47px; margin: -17px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row2 span.renters-icon { background-position: -200px 0; margin: -15px 10px 0 0; width: 44px; }
#products-tools-2 .product-options .products-row2 a:hover span.renters-icon { background-position: -200px -49px; margin: -15px 10px 0 0; width: 44px; }
#products-tools-2 .product-options .products-row2 span.condo-icon { background-position: -238px 0; margin: -15px 10px 0 0; width: 44px; }
#products-tools-2 .product-options .products-row2 a:hover span.condo-icon { background-position: -240px -48px; margin: -15px 10px 0 0; width: 44px; }
#products-tools-2 .product-options .products-row2 span.life-icon { background-position: -283px 0; margin: -5px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row2 a:hover span.life-icon { background-position: -283px -50px; margin: -5px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row2 span.business-icon { background-position: -332px 0; margin: -11px 8px 0 0; width: 48px; }
#products-tools-2 .product-options .products-row2 a:hover span.business-icon { background-position: -332px -48px; margin: -11px 8px 0 0; width: 48px; }
#products-tools-2 .product-options h3,
#products-tools-2 .related-tools h3 { width: 100%; padding-bottom: 30px; }
#products-tools-2 .related-tools { width: 22%; display: inline-block; vertical-align: top; margin: 0; padding: 25px 15px 15px; }
#products-tools-2 .related-tools ul { list-style-type: none; margin: 0; }
#products-tools-2 .related-tools ul li { list-style-type: none; background: none transparent; margin: 0 0 5px 37px; }
/* ==========================================================================
  Footer
   ========================================================================== */
   
/*----- Footer -----*/
#footer { width: 940px; margin: 0 auto; padding: 25px 0; font-size: 1.1em; text-align: center; color: #666; }
/*----- Footer Navigation -----*/
#nav_footer { padding: 0 0 0 25px; font-size: 1.091em; /* 12.0px at 11px base */ text-align: left; }
#nav_footer .products,
#nav_footer .tools,
#nav_footer .claims,
#nav_footer .payments,
#nav_footer .account,
#nav_footer .social { float: left; width: 150px; margin: 0 0 20px; }
#nav_footer h3 { font-size: 1.333em; /* 16.0px at 12px base */ margin: 0 0 2px 6px; color: #368CC2; }
#nav_footer ul { width: 140px; }
#nav_footer ul li { position: relative; list-style: none; }
#nav_footer ul li a { display: block; padding: 4px 6px 3px; background: url('/site-assets/img/bgs/nav_footer_active.gif') -14px center no-repeat; text-decoration: none; color: #42413D; }
#nav_footer ul li a:hover { background: #FFF; }
#nav_footer ul li.active a.active { background: #FFF url('/site-assets/img/bgs/nav_footer_active.gif') right center no-repeat; }
#nav_footer ul li ul { position: absolute; z-index: 1; top: 0; left: -20000px; width: auto; background: #E5F2F9; }
#nav_footer ul li ul.active { left: 140px; }
#nav_footer ul li ul li a { white-space: nowrap; }
#nav_footer ul li.active ul { display: block; }
#nav_footer ul li ul li { line-height: 1.2; }
#nav_footer ul li ul li a { padding-right: 13px; padding-left: 13px; background: none; }
#nav_footer ul li ul li a:hover,
#nav_footer ul li ul li a.over { background: #FFF; }
/*----- Footer Actions -----*/
#actions { clear: both; overflow: hidden; width: 355px; margin: 0 auto 10px; }
#actions li { float: left; list-style: none; }
#actions li a { overflow: hidden; display: block; height: 41px; background: url('/site-assets/img/icons/actions.png'); text-indent: -2000em; }
#actions li.verisign { margin-right: 22px; }
#actions li.verisign a { width: 132px; height: 72px; background: none; text-indent: 0; }
#actions li.safe a { width: 88px; margin: 14px 14px 0 0; background-position: -79px 0; }
#actions li.feedback a { width: 95px; margin-top: 14px; background-position: -167px 0; }
/*----- Tertiary Navigation -----*/
#nav_tertiary { margin: 12px 0; }
#nav_tertiary li { display: inline; list-style: none; padding: 0 11px 0 0; margin: 0 10px 0 0; background: url('/site-assets/img/separators/nav_tertiary.gif') right center no-repeat; }
#nav_tertiary li.last { background: none; margin-right: 0; padding-right: 0; }
#nav_tertiary li a { text-decoration: underline; color: #666; }
#nav_tertiary li a:hover { text-decoration: none; color: #368CC2; }
/*----- This marks up the text field input tags on the httpHeader.asp file (in repository folder) -----*/
#nav_account #myAccountFlyout { padding: 5px 5px 5px 5px; line-height: 1.8em; font-size: 1.1em; float: left; background-image: none; }
#nav_account #myAccountFlyout #login_myAccount a,
#nav_account #myAccountFlyout #login_myAccount a:visited,
#nav_account #myAccountFlyout #login_myAccount a:link { background-image: none; padding: 0; margin: 0; text-indent: 0; display: inline; color: #368CC2; font-weight: bold; text-decoration: none; }
#nav_account #myAccountFlyout #login_myAccount a:hover { text-decoration: underline; }
#nav_account #myAccountFlyout form { display: block; margin: 7px 0 0 0; }
#nav_account #myAccountFlyout #textField { border: 1px solid #ccc; padding: 4px 0 4px 0; float: left; margin: 0 0 0 3px; width: 100px; }
#nav_account #myAccountFlyout label { width: 65px; height: 25px; display: block; line-height: 20px; float: left; }
#nav_account #myAccountFlyout fieldset { display: block; margin: 4px 0 0 0; background-image: none; }
.footnote span.superscript { font-size: .9em; }
.superscript { color: #8c8d8e; position: relative; bottom: 0.5em; }
#disclaimer { font-size: .9em; clear: right; color: #000; float: none; padding: 6px 0 6px 0px; }
#nav_account #myAccountFlyout #textFieldUSR,
#nav_account #myAccountFlyout #textFieldPWD { border: 1px solid #CCCCCC; float: left; margin: 0 0 0 3px; padding: 4px 0; width: 100px; }
#nav_account #myAccountFlyout #login_myAccount .button,
#nav_account #myAccountFlyout #login_myAccount a.button { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c7e346), color-stop(1, #71ad38)); background: -moz-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: -webkit-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: -o-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: -ms-linear-gradient(top, #c7e346 5%, #71ad38 100%); background: linear-gradient(to bottom, #c7e346 5%, #71ad38 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7e346', endColorstr='#71ad38', GradientType=0);
background-color: #71ad38; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: inline-block; font-size: 1em; padding: 0.3em 1em .5em 1em; text-align: center; text-decoration: none; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: 0px 1px 0px #5b8a3c; letter-spacing: 0.3px; box-shadow: 0px 1px 3px #e3e3e3; -moz-box-shadow: 0px 1px 3px #e3e3e3; -webkit-box-shadow: 0px 1px 3px #e3e3e3; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#e3e3e3')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#e3e3e3');
width: auto; height: auto; position: inherit; overflow: inherit; margin: 0 0 0 0.3em; }
#nav_account #myAccountFlyout #login_myAccount .button:hover,
#nav_account #myAccountFlyout #login_myAccount .button:focus { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #71ad38), color-stop(1, #c7e346)); background: -moz-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: -webkit-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: -o-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: -ms-linear-gradient(top, #71ad38 5%, #c7e346 100%); background: linear-gradient(to bottom, #71ad38 5%, #c7e346 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#71ad38', endColorstr='#c7e346', GradientType=0);
background-color: #a1c74e; text-shadow: 0px 1px 0px #5b8a3c; }
#nav_account #myAccountFlyout #login_myAccount a.faqs { clear: both; display: block; font-size: 1em; font-weight: bold; margin: 0.3em 0 0 6em; width: 100%; }
/* -------- NavFooter: fix to force My Account go to next column ---*/
#nav_footer .account { float: left; !important
}
/* ==========================================================================
   Jquery Fancybox
   ========================================================================== */

div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/site-assets/img/fancybox/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url('/site-assets/img/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width: 100%; height: 100%; border: 1px solid #BBB; background: #FFF; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border: 0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('/site-assets/img/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left,
a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; *background-image: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */
outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('/site-assets/img/fancybox/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('/site-assets/img/fancybox/fancy_right.png') no-repeat; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('/site-assets/img/fancybox/fancy_shadow_n.png') repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/site-assets/img/fancybox/fancy_shadow_ne.png') no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('/site-assets/img/fancybox/fancy_shadow_e.png') repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/site-assets/img/fancybox/fancy_shadow_se.png') no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('/site-assets/img/fancybox/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/site-assets/img/fancybox/fancy_shadow_sw.png') no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('/site-assets/img/fancybox/fancy_shadow_w.png') repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/site-assets/img/fancybox/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(/site-assets/img/fancybox/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url(/site-assets/img/fancybox/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(/site-assets/img/fancybox/fancy_title_right.png) repeat-x; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
#oo_bar,
.oo_feedback_float,
#oo_tab { display: none; }
select { border: 1px solid red !important; }
/*----- Font Changes -----*/
body { font-family: arial, sans-serif; color: #000; }
#content { font-size: 1em !important; }
#breadcrumb { font-size: 0.917em !important; }
a { text-decoration: none; color: #000; }
/*----- Hide Content -----*/
#nav,
#nav_secondary,
#nav_tertiary,
#nav_sub,
#home #main #portal,
#home #main #content #info_boxes,
#home #panels .panel .tabs,
#home #panels #panel_opinions,
#home #panels .panel .slide_nav,
#content_sub_nav,
#nav_footer,
#nav_tabbed_info,
#search,
#help,
#toolbar,
#actions,
#auto_quote,
#actions_footer,
#aside,
#header #offscreen,
iframe,
.field_r,
.button,
button { display: none !important; }
/*----- Show Accordion Content -----*/
dl.accordion dt { font-weight: bold; }
dl.accordion dd,
#home #panels .panel .slides { visibility: visible !important; display: block !important; height: auto !important; margin: 3px 0 15px; }
/*----- Footnotes -----*/
span.super { margin: 0 0.250em 0 0.083em; font-weight: bold; font-size: 0.812em; /* 13.0px at 16px base */ vertical-align: 0.375em; /* 6.0px at 16px base */ }
p.footnote { font-size: 0.812em; /* 13.0px at 16px base */ color: #424242; }
/*----- Tables -----*/
table thead tr th { text-align: left; }
table thead tr th,
table tbody tr td { padding: 0.5em; vertical-align: text-top; }
table thead tr th.yui-dt-col-distance,
table tbody tr td.yui-dt-col-distance { padding-left: 0; }
table tbody tr td.yui-dt-col-contact { white-space: nowrap; }
table thead tr th.yui-dt-col-languages,
table tbody tr td.yui-dt-col-languages { padding-right: 0; }
table tbody tr td a.action { display: none; }
table tbody tr td a.inline { display: inline; }
}

@media print {
#oo_bar,
.oo_feedback_float,
#oo_tab { display: none; }
}