@charset "utf-8";
/* CSS Document */
/* Reset */
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, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
/*  ------------------------------  */
/*  ----------  Page Styles  ----------  */
/*  ------------------------------  */
body {ine-height: 1;font-size: 10pt;background: #f7f7f7;}
h1 {font-size: 2em;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
#wrapper {width: 100%;height: auto;overflow: hidden;text-align: center;}
#container {background: url(images/containerBG.png) repeat-y;width: 738px;margin: 0 auto;display: block;height:auto;overflow:hidden;border: 0;text-align: center;}

/*  ------------------------------  */
/*  ----------  Header  ----------  */
/*  ------------------------------  */
#language {width:738px;height:30px;display:block;margin:0;padding:0;background:#f7f7f7; }
#language a,
#language a:link,
#language a:visited{text-align:right;float: right;padding: 20px 15px 0 0;font: 10px/10px Arial, Helvetica, sans-serif;color: #666;text-decoration: none;background:#f7f7f7; }
#language a:hover,#language a:focus{color: #cf2131;}
#header {background: url(images/headerBG.png) no-repeat;width: 738px;margin:0;display: block;height:auto;overflow:hidden;border: 0;text-align:left;clear: both;}
#amFamLogo a {background:url(images/amFamLogo.png) no-repeat;width: 122px;height: 36px;overflow:hidden;display:block;border:0;margin: 32px 0 0 0;float: left;}
#title {background:url(images/stayingSafeAndSecure-es.png) no-repeat;width: 259px;height: 36px;overflow:hidden;display:block;border:0;margin: 46px 0 0 0;float:right;text-indent: -2000px;font-family:Arial, Helvetica, sans-serif;font-size: 2em}
/* Header Images */
#banner {width: 680px;height: 285px;margin:0 auto;display:block;border:0;overflow:hidden;}
#homesectionpage #banner {background: url(images/banner_home.jpg) bottom no-repeat;}
#mainpage #banner {background: url(images/default.jpg) bottom no-repeat;}
#autosection #banner {background: url(images/auto01.jpg) bottom no-repeat;}
#homesection #banner {background: url(images/home02.jpg) bottom no-repeat;}
#safetysection #banner {background: url(images/default.jpg) bottom no-repeat;}
#legal #banner {background: url(images/banner_home.jpg) bottom no-repeat;}
#privacy #banner {background: url(images/banner_privacy.jpg) bottom no-repeat;}
#safeguard #banner {background: url(images/banner_safeguardingYourIdentity.jpg) bottom no-repeat;}
#propProtection #banner {background: url(images/banner_propertyProtection.jpg) bottom no-repeat;}
#onlineSec #banner {background: url(images/banner_onlineSecurity.jpg) bottom no-repeat;}





/*  ------------------------------  */
/*  ----------  Main Navigation  ----------  */
/*  ------------------------------  */



#nav{background: url(images/nav-es.png) 0 0 no-repeat;width: 680px;height: 32px;display: block;border:0;margin: 15px auto 0 auto;	font-family:Arial, Helvetica, sans-serif;font-size: 1.4em;list-style: none;}
#nav li a {display: block;height: 32px;float: left;text-indent: -2000px;}
/* auto tab */
#nav #auto, #nav #auto a,#nav #auto a:link,#nav #auto a:visited{background:url(images/nav-es.png) 0 0 no-repeat;display:block;height: 32px;width:213px;overflow:hidden;float:left;}
#nav #auto a:hover, #nav #auto a:focus {background-position:0 -32px;}
#container #nav #auto #selected{background-position:0 -32px;}
/* home tab */
#nav #home, #nav #home a,#nav #home a:link,#nav #home a:visited{background:url(images/nav-es.png) -213px 0 no-repeat;display:block;height:32px;width:233px;overflow:hidden;float:left;}
#nav #home a:hover, #nav #home a:focus{background-position: -213px -32px;}
#container #nav #home #selected {background-position: -213px -32px;}
/* safety tab */
#nav #safety, #nav #safety a,#nav #safety a:link,#nav #safety a:visited{background:url(images/nav-es.png) -446px 0 no-repeat;display: block;height:32px;width:234px;float:left;}
#nav #safety a:hover, #nav #safety a:focus {background-position: -446px -32px;}
#container #nav  #safety #selected {background-position: -446px -32px;}
/* life-events tab */
#nav #life-events, #nav #life-events a,#nav #life-events a:link,#nav #life-events a:visited{background:url(images/nav-es.png) -484px 0 no-repeat;display: block;height:32px;width:195px;float:left;}
#nav #life-events a:hover, #nav #life-events a:focus {background-position: -484px -32px;}
#container #nav  #life-events #selected {background-position: -484px -32px;}




/*  ------------------------------  */
/*  ----------  Footer Navigation   ----------  */
/*  ------------------------------  */
#footer {background:url(images/footerBG.png) no-repeat;width: 738px;height: 60px;display: block;overflow:hidden;margin: 0 auto;text-align:center;}
#footer #utilNav {padding: 35px 0 0 0;overflow: hidden;list-style: none;text-align: center;}
#footer #utilNav li {margin: 0 auto;display: inline;height: 14px;}
#footer #utilNav li.addSeparator {background: url(images/separator.gif) 0 5px no-repeat;}
html>body #footer #utilNav li.addSeparator {background: url(images/separator.gif) 0 0 no-repeat;}
#footer #utilNav li a,#footer #utilNav li a:link,#footer #utilNav li a:visited {padding: 0 14px 0 20px;display: inline;color: #666;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size: .8em;text-decoration: none;height: auto;font-weight:normal;}
#footer #utilNav li a:hover,#footer #utilNav li a:focus {color: #cf2131;text-decoration: none;}


/*  ------------------------------  */
/*  ----------  Content  ----------  */
/*  ------------------------------  */
#contentContainer {background:url(images/contentBG.png) repeat-y;width: 680px;display: block;height:auto;overflow: hidden;margin: 0 auto;}
#contentHeader {background: url(images/contentHeader.png) no-repeat;width: 680px;height: 30px;display: block;overflow: hidden;margin: 0;}
#content {margin: 0;width: 680px;height:auto;overflow:hidden;display: block;padding-bottom: 10px;}
html>body #content {padding-bottom: 0px;}
#content p {font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size: .8em;line-height: 1.4em;color:#666;padding: 0 0 8px 0;}

/* left column */
#leftColumn {float: left;width: 150px;margin: 0 30px 20px 13px;display: block;overflow: hidden; height:auto;font-family: Arial, Helvetica, sans-serif;}
html>body #leftColumn {float: left;width: 150px;margin: 0 30px 20px 25px;display: block;overflow: hidden;}
#leftColumn h2 {font-weight: bold;line-height: 1.3em;font-size: 1.1em;color:#57A927;padding: 0 0 12px 0;}
#leftColumn p {font-weight: normal;font-size: .9em;line-height: 1.5em;color:#666;padding: 0 0 8px 0;}

#leftColumn ul {list-style: none;text-indent: 12px;font-weight: bold;font-size: .9em;line-height: 1.5em;color: #489BCC;}

#leftColumn ul li {
	background:url(images/arrow_small.gif) 0 4px no-repeat;
}

#leftColumn ul li a,
#leftColumn ul li a:link,
#leftColumn ul li a:visited {
	color: #489BCC;
	text-decoration: none;
}

#leftColumn ul li a:hover,
#leftColumn ul li a:focus {
	color: #57A927;
	text-decoration: none;
}

/* left nav */
#leftnav {float: left;width: 150px;margin: 0 30px 20px 0px;display: block;overflow: hidden; height:auto;font-family: Arial, Helvetica, sans-serif;}
html>body #leftnav {float: left;width: 150px;margin: 0 30px 20px 0px;display: block;overflow: hidden;}
#leftnav h2 {font-weight: bold;line-height: 1.3em;font-size: 1.1em;color:#57A927;padding: 0 0 12px 0;}
#leftnav p {font-weight: normal;font-size: .9em;line-height: 1.5em;color:#666;padding: 0 0 8px 0;}

#leftnav ul {list-style: none;text-indent: 12px;font-weight: bold;font-size: .9em;line-height: 1.5em;color: #489BCC;}

#leftnav ul li {
	background:url(images/arrow_small.gif) 0 4px no-repeat;
}

#leftnav ul li a,
#leftnav ul li a:link,
#leftnav ul li a:visited {
	color: #489BCC;
	text-decoration: none;
}

#leftnav ul li a:hover,
#leftnav ul li a:focus {
	color: #57A927;
	text-decoration: none;
}

/* safetylinks */
#safetysectionlinks {float: left;width: 680px;margin: 0 30px 20px 13px;display: block;overflow: hidden;}
html>body #safetysectionlinks {float: left;width: 680px;margin: 0 30px 20px 25px;display: block;overflow: hidden;}
#safetysectionlinks h2 {font-weight: bold;line-height: 1.3em;font-size: 1.1em;color:#57A927;padding: 0 0 12px 0;}
#safetysectionlinks p {font-weight: normal;font-size: .9em;line-height: 1.5em;color:#666;padding: 0 0 8px 0;}

#safetysectionlinks ul {list-style: none;text-indent: 12px;font-weight: bold;font-size: .9em;line-height: 1.5em;color: #489BCC;}

#safetysectionlinks ul li {
	background:url(images/arrow_small.gif) 0 4px no-repeat;
}

#safetysectionlinks ul li a,
#safetysectionlinks ul li a:link,
#safetysectionlinks ul li a:visited {
	color: #489BCC;
	text-decoration: none;
}

#safetysectionlinks ul li a:hover,
#safetysectionlinks ul li a:focus {
	color: #57A927;
	text-decoration: none;
}

#privacy #content #linkURL,
#content #linkURL{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .8em;
	line-height: 1.4em;
	color: #489BCC;	
}
#privacy #content #linkURL a,
#privacy #content #linkURL a:link, 
#privacy #content #linkURL a:visited,
#content #linkURL a,
#content #linkURL a:link, 
#content #linkURL a:visited {
	background:url(images/arrow_small.gif) 0 4px no-repeat;
	font-weight: bold;
	padding-left: 12px;
	color: #489BCC;
	text-decoration: none;
}
#privacy #content #linkURL a:hover, 
#privacy #content #linkURL a:focus,
#content #linkURL a:hover, 
#content #linkURL a:focus {
	font-weight: bold;
	color: #57A927;
	text-decoration: none;
}

#onlineSecurityColumn {
	background:url(images/thumb_onlineSecurity.jpg) no-repeat;
	width: 115px;
	height: auto;
	overflow: hidden;
	/*padding-top: 88px;*/
	margin: 0 30px 0 0;
	float: left;
}


#propertyProtectionColumn {
	background:url(images/thumb_propertyProtection.jpg) no-repeat;
	width: 115px;
	height: auto;
	overflow: hidden;
	/*padding-top: 88px;*/
	margin: 0 30px 0 0;
	float: left;
}

#safeguardColumn {
	background:url(images/thumb_safeguarding.jpg) no-repeat;
	width: 115px;
	height: auto;
	overflow: hidden;
	/*padding-top: 88px;*/
	margin: 0;
	float: left;	
}

#onlineSecurityColumn #onlineSecurityImage,
#propertyProtectionColumn #propertyProtectionImage,
#safeguardColumn #safeguardImage{
	height: 88px;
	display: block;
	overflow:hidden;
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#content h3 {
	height: auto;
	display: block;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	font-size: .875em;
	color:#57A927;
	text-decoration:none;
}

#content h3 a,
#content h3 a:link,
#content h3 a:visited{
	background: url(images/arrow_blue.png) 0 4px no-repeat;
	display: block;
	padding: 0 0 8px 12px;
	color:#57A927;
	text-decoration:none;
}
#content h3 a:hover,
#content h3 a:focus {
	text-decoration: none;
	display: block;
	color: #489BCC;
}

#photo_onlineSec_LeftColumn {
	background:url(images/leftColumn_OnlineSecurity.jpg) no-repeat;
	height: 127px;
	margin: 0 0 15px 0;
	display: block;
}

#photo_propertyProtection_LeftColumn {
	background:url(images/leftColumn_propertyProtection.jpg) no-repeat;
	height: 210px;
	margin: 15px 0 15px 0;
	display: block;
}

#rowContainer {
	width: auto;
	height: auto;
	margin-left:0px;
	margin-right:20px;


}
#rowContainer p {
font-weight: normal;font-size: .9em;line-height: 1.5em;color:#666;padding: 0 0 8px 0;
}

#rowContainer h3 {
	padding: 0 0 8px 0;
	height: auto;
	display: block;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	font-size: .875em;
	color:#57A927;
	background: none;
}



#rowContainer ol {
	list-style:lower-latin;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
}


#rowContainer ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
}

#rowContainer ul li {
	background:url(images/arrow_small.gif) 0 6px no-repeat;
	padding-left: 12px;
	overflow:hidden;
}

#rowContainer a,
#rowContainer a:link,
#rowContainer a:visited,
#rowContainer ul li a,
#rowContainer ul li a:link,
#rowContainer ul li a:visited {
	font-weight: bold;
	color: #489BCC;
	text-decoration: none;
}

#rowContainer a,
#rowContainer a:hover,
#rowContainer a:focus,
#rowContainer ul li a:hover,
#rowContainer ul li a:focus {
	font-weight: bold;
	color: #57A927;
	text-decoration: none;
}

#phishing {
	background: url(images/onlineSecurity_phishing.jpg) no-repeat;
	width: 280px;
	height: auto;
	min-height:81px;
	overflow:hidden;
	padding: 0 0 15px 120px
}
#veriSign {
	background: url(images/onlineSecurity_veriSign.jpg) no-repeat;
	width: 280px;
	height: auto;
	min-height:81px;
	overflow:hidden;
	padding: 0 0 15px 120px
}
#green {
	background: url(images/onlineSecurity_green.jpg) no-repeat;
	width: 280px;
	height:90px;
	overflow:hidden;
	padding: 0 0 15px 120px
}

#otherResources {
	width: 400px;
	height: auto;
	overflow:hidden;
	padding: 0 0 10px 0;
}
#otherResources p {font-weight: normal;font-size: .9em;line-height: 1.5em;color:#666;padding: 0 0 8px 0;}

#interactiveHome {
	background: url(images/propertyProtection_interactiveHome.jpg) no-repeat;
	width: 280px;
	height: auto;
	overflow:hidden;
	padding: 0 0 15px 120px
}

#needsAssessment {
	background: url(images/propertyProtection_needsAssessment.jpg) no-repeat;
	width: 280px;
	height: auto;
	overflow:hidden;
	padding: 0 0 15px 120px
}


#beProactive {
	background:url(images/safeguardingYourIdentity_beProactive.jpg) no-repeat;
	width: 280px;
	height: auto;
	overflow:hidden;
	padding: 0 0 15px 120px
}

#spacerDivBecauseIE6IsAPain {
	display: block;
	background:none;
	height: 150px;
	overflow:hidden;
}

#privacy #content .superscript {
	font-size: 0.7em;
	vertical-align: super;
}

#privacy #content .footnote {
	font-size: 0.7em;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}

#privacy #content .footnote a,
#privacy #content .footnote a:link,
#privacy #content .footnote a:visited{
	font-size: 0.7em;
	color:#57A927;
	text-decoration:none;
}

#privacy #content p .footnote a:hover,
#privacy #content p .footnote a:focus{
	font-size: 0.7em;
	color:#006;
	text-decoration: underline;
}
#autosection #content,
#homesection #content,
#safetysection #content,
#lifesection #content,
#legal #content,
#privacy #content {
	width: 620px;
	height:auto;
	overflow:hidden;
	display: block;
	margin: 0 auto;
}
#autosection #content p,
#homesection #content p,
#safetysection #content p,
#lifesection #content p,
#legal #content p,
#privacy #content p,
#privacy #content ul{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	list-style:disc;
	font-size: 1em;
	line-height: 1.5em;
	color:#666;
	padding:0;
	margin: 10px 0 10px 0;
}
#privacy #content ol li a,
#privacy #content ol li a:link,
#privacy #content ol li a:visited,
#privacy #content p a,
#privacy #content p a:link,
#privacy #content p a:visited {
	color:#57A927;
	text-decoration:none;	
}
#privacy #content ol li a:hover,
#privacy #content ol li a:focus,
#privacy #content p a:hover,
#privacy #content p a:focus {
	color:#006;
	text-decoration:underline;	
}

#safetysection #content ol,
#privacy #content ol {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.5em;
	color:#666;
	padding: 8px 0 8px 25px;
}
#safetysection #content ol li,,
#privacy #content ol li{
	padding: 8px 0 8px 0;
}

#privacy #content ol li ul {
	padding-top: 5px;	
}
#privacy #content ol li ul li{
	margin: 3px 0 3px 15px;
	padding: 0;
	list-style-type: disc;
}

#mainpage #content #rowContainer h2,
#autosection #content h1,
#homesection #content h1,
#safetysection #content h1,
#lifesection #content h1,
#legal #content h2,
#privacy #content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 1.5em;
	color:#666;
	padding: 6px 0 12px 
}


#privacy #content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	font-size: 1.1em;
	color:#666;
	padding: 6px 0 12px 
}


#privacy #content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	font-size: .9em;
	color:#666;
	padding: 3px 0 6px 
}


/*----- Breadcrumb -----*/
#breadcrumb{
	margin: 0 0 20px 20px;
	font-size: 0.917em; /* 11.0px at 12px base */
	color: #252525;
}
#breadcrumb a{
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	background: none;
	font-weight: normal;
	text-decoration: underline;
}
#breadcrumb a:hover{
	text-decoration: none;
}
#breadcrumb a.home{
	overflow: hidden;
	width: 21px;
	height: 16px;
	margin-top: -3px;
	background: url('/site-assets/img/icons/breadcrumb_home.gif') no-repeat;
	text-indent: -2000em;
}
#breadcrumb em{
	float: left;
	margin: 0 4px 0 0;
	color: #252525;
}


/* */
#videoFootage {
	width: 221px;
	overflow:hidden;
	display:block;
	margin: 10px 0 0 0;
	padding:0;
}

#videoFootage_narrow {
	width: 189px;
	overflow:hidden;
	display:block;
	margin: 10px 0 0 0;
	padding:0;
}
#videoHeader {
	background-repeat: no-repeat;
}
#videoShell {
	background:url(/site-assets/img/support/videoShell.png) no-repeat;
	overflow: hidden;
	margin:0;
	padding:0;
	border:0;
}

#videoShell_narrow {
	background:url(/site-assets/img/support/videoShell_narrow.png) no-repeat;
	overflow: hidden;
	margin:0;
	padding:0;
	border:0;
}
#playButton a{
	background: url(/site-assets/img/support/videoPlay.png) center no-repeat;
	vertical-align: middle;
	width: 86px;
	height:85px;
	margin: 0 auto;
	display: block;
}
#videoFooter {
	background:url(/site-assets/img/support/video_bg.jpg) bottom no-repeat;
	padding: 8px 10px 10px 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height:13px;
	height: auto;
	margin: 0 0 15px 0;
	display: block;
	overflow:hidden;
}
#videoFooter_narrow {
	background:url(/site-assets/img/support/video_bg_narrow.png) bottom no-repeat;
	padding: 8px 5px 5px 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height:13px;
	height: 30px;
	width: 174px;
	margin: 0 0 15px 0;
	display: block;
	overflow:hidden;
}
#main #content #videoFooter #videoSubhead {
	color:#004394;
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 0;
	float: left;
}
#videoIcon {
	background:url(/site-assets/img/support/icon_video.gif) no-repeat;
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	overflow: hidden
}
#videoInfo {
	width: 160px;
	margin: 0 0 0 10px;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;
}

#videoInfo_narrow {
	width: 135px;
	margin: 0 0 0 5px;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;
}
#videoFooter p.videoTitle a, 
#videoFooter p.videoTitle a:visited, 
#videoFooter p.videoTitle a:link,
#videoFooter_narrow p.videoTitle a, 
#videoFooter_narrow p.videoTitle a:visited, 
#videoFooter_narrow p.videoTitle a:link{
	color:#666;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-decoration:none;
	float: left;
}
#videoFooter p.videoTitle a:hover, 
#videoFooter p.videoTitle a:focus,
#videoFooter_narrow p.videoTitle a:hover, 
#videoFooter_narrow p.videoTitle a:focus{
	color:#666;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-decoration:underline;
}


