f@charset "utf-8";
/* Shell CSS */
/* ------- FONT IMPORT ------- */

/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish.
 * http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     FontSite Inc.
 * @vendorurl:  http://www.fontsite.com
 * @licenseurl: http://www.fontsquirrel.com/license/CartoGothic-Std
 *
 *
 

@font-face {
	font-family: 'CartoGothic Std Book';
	src: url('fonts/CartoGothicStd-Book.eot');
	src: local('CartoGothic Std Book'), local('CartoGothicStd-Book'), url('fonts/CartoGothicStd-Book.otf') format('opentype');
}

@font-face {
	font-family: 'CartoGothic Std Italic';
	src: url('fonts/CartoGothicStd-Italic.eot');
	src: local('CartoGothic Std Italic'), local('CartoGothicStd-Italic'), url('fonts/CartoGothicStd-Italic.otf') format('opentype');
}*/

@font-face {
	font-family: 'CartoGothic Std Bold'; 
	src: url('fonts/CartoGothicStd-Bold.eot');
	src: local('CartoGothic Std Bold'), local('CartoGothicStd-Bold'), url('fonts/CartoGothicStd-Bold.otf') format('opentype');
} 
/*
@font-face {
	font-family: 'CartoGothic Std Bold Italic';
	src: url('fonts/CartoGothicStd-BoldItalic.eot');
	src: local('CartoGothic Std Bold Italic'), local('CartoGothicStd-BoldItalic'), url('fonts/CartoGothicStd-BoldItalic.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L Regular';
	src: url('fonts/TitilliumText1.eot');
	src: local('TitilliumText14L Regular'), local('TitilliumText14L-Regular'), url('fonts/TitilliumText1.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L 250 wt';
	src: url('fonts/TitilliumText250wt.eot');
	src: local('TitilliumText14L 250 wt'), local('TitilliumText14L-250wt'), url('fonts/TitilliumText250wt.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L 400 wt';
	src: url('fonts/TitilliumText400wt.eot');
	src: local('TitilliumText14L 400 wt'), local('TitilliumText14L-400wt'), url('fonts/TitilliumText400wt.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L 600 wt';
	src: url('fonts/TitilliumText600wt.eot');
	src: local('TitilliumText14L 600 wt'), local('TitilliumText14L-600wt'), url('fonts/TitilliumText600wt.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L 800 wt';
	src: url('fonts/TitilliumText800wt.eot');
	src: local('TitilliumText14L 800 wt'), local('TitilliumText14L-800wt'), url('fonts/TitilliumText800wt.otf') format('opentype');
}
@font-face {
	font-family: 'TitilliumTitle01 Thin';
	src: url('fonts/Titillium_title03.eot');
	src: local('TitilliumTitle01 Thin'), local('TitilliumTitle01-Thin'), url('fonts/Titillium_title03.otf') format('opentype');
}
*/
@font-face {
	font-family: 'TitilliumText14L 999 wt';
	src: url('fonts/TitilliumText999wt.eot');
	src: local('TitilliumText14L 999 wt'), local('TitilliumText14L-999wt'), url('fonts/TitilliumText999wt.otf') format('opentype');
}



div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
/*ol,ul {list-style:none;}*/
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

body { font-family:Arial, Helvetica, sans-serif;
	background: #E1E5D2;
	margin: 0;
	padding: 0;
	font-size: 10px;
}
p {font-size:1.1em; float: left; width:100%;}
label {float:left;margin-right:5px;width:25%;}
a:link, a:active, a:visited {text-decoration: none;
	color: #2797ad;}
a:hover {text-decoration: none;
	color: #ED174C;}
h2 {color:#0089d0; font-size:2em; margin:5px 0 11px; font-family:"TitilliumText14L 999 wt",Arial,Helvetica,sans-serif;}
h3 {font-size:1.5em; margin:5px 0; color:#27978E; font-family:"TitilliumText14L 999 wt",Arial,Helvetica,sans-serif; clear: both;}
#wrapper {
	display: block;
	overflow: hidden;
	background: url(images/bg_wrapper.png) repeat-x;
	background-color: #d9d9d9;
	width: 100%;
	height:auto;
	text-align: center;
	margin: 0;
	padding: 0;
}

#container {
	display: block;
	overflow: hidden;
	background: url(images/bg_shell-vertical.png) repeat-y;
	width: 957px;
	height:auto;
	margin: 0 auto;
	padding:0;
}

#shell-left {
	display: block;
	overflow: hidden;
	background: url(images/bg_shell-top-left.png) no-repeat;
	width: 957px;
	height:auto;
	margin: 0;
	padding: 0;
}

#shell-right {
	display: block;
	overflow: hidden;
	background: url(images/bg_shell-top-right.png) 948px 0 no-repeat;
	width: 957px;
	height:auto;
	margin: 0;
	padding: 0;
}

#shell-bottom {
	display: block;
	overflow: hidden;
	background:url(images/bg_shell-bottom.png) bottom no-repeat;
	width: 957px;
	height:auto;
	margin: 0;
	padding: 0;
}

#shell-top {
	display: block;
	overflow: hidden;
	background:url(images/bg_shell-top.png) top no-repeat;
	width: 957px;
	height:auto;	
	margin: 0;
	padding:0;
}

#header {
	width: 957px;
	height: 87px;
}
	
#amFamLogo {
	width: 200px;
	height: 87px;
	display:block;
	float: left;
	vertical-align: bottom;
	background:url(images/amFam_logo.png) 3px 27px no-repeat;
}

#utilitynav {
	float: right;
	height: 87px;
	display: block;
	overflow:hidden;
}
#mainContentArea {height: auto; display: block; overflow:hidden; width:100%; }
#utilitynav #shellNav {
	display: block;
	position: relative;
	height: 25px;
	float: right;
	width: auto;
	top: 62px;
	overflow:hidden;
	margin-right: 10px;
}

#utilitynav #shellNav li {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #2797ad;
	line-height: 25px;
	padding: 0 10px;
	height: 25px;
	vertical-align: middle;
	background: url(images/bg_separator.png) left no-repeat;
}

#utilitynav #shellNav li.first {
	background: none;	 
}

#utilitynav #shellNav li a,
#utilitynav #shellNav li a:link,
#utilitynav #shellNav li a:visited {
	color: #2797ad;
	text-decoration:none;
}

#utilitynav #shellNav li a:hover,
#utilitynav #shellNav li a:focus {
	color: #ED174C;
	text-decoration:none;
}

#utilitynav #shellNav li #searchTSD {
	float: left;
}
#utilitynav #shellNav li #submitSearch {
	float: left;
	font-size: .1em;
	text-indent: -999px;
	line-height: 999px;
	width: 47px;
	height:25px;
	background:url(images/btn_go-es.png) 5px 0 no-repeat;
	cursor: pointer;
	border: 0;
}

form span.field { 
	display: inline-block; 
	background: url('images/field_rpt.gif')	repeat-x; 
	margin-right: 3px;
	float: left;
}
form .error span.field { 
	background-image: url('images/field_rpt_error.gif'); 
	padding-right: 3px; height:28px;
	float: left;
}
form span.field_r { 
	display: inline-block; 
	background: url('images/field_r.gif') right top no-repeat; 
	height:28px;
	float: left;
}
form .error span.field_r { 
	background-image: url('images/field_r_error.gif'); 
	float: left;
}
form span.field_l { 
	display: inline-block; 
	background: url('images/field_l.gif') left top no-repeat; 
	height:28px;
	float: left;
}
form .error span.field_l { 
	background-image: url('images/field_l_error.gif'); 
	float: left;
}
form span.field_l input { 
	display: inline-block; 
	background: transparent; 
	padding: 4px; 
	font-size: 1.167em; /* 14.0px at 12px base */ 
	color: #42413D; border: none;
	float: left;
}
form span.field_l input.example { 
	font-style: normal; 
	color: #999;
	float: left;
}
form .error span.field_l input { 
	color: #CD1F00;
	float: left;
}
form span.tArea {
background:transparent url(images/textArea.gif) repeat-x scroll 0 0;
display:block;
float:left;
height:104px;
width:320px;
}
form span.tArea_l {
background:transparent url(images/textArea_l.gif) no-repeat scroll left center;
display:block;
height:104px;
width:320px;
}
form span.tArea_r {
background:transparent url(images/textArea_r.gif) no-repeat scroll right center;
display:block;
height:104px;
width:320px;
}
form textarea {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#42413D;
float:none;
font-size:1em;
height:92px;
padding:4px;
width:320px;
}


/* ------------ Spanish NAV ------------ */

#nav {
	width: 801px;
	height: 54px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	list-style: none;
}

#nav li {
	float: left;	
}

#nav li a {
	height: 54px;
	font: 1.6em/1.6em Arial, Helvetica, sans-serif;
	text-indent: -2000em;
	float: left;
	display: block;
	overflow: hidden;
}

#nav #one a,
#nav #one a:link,
#nav #one a:visited{
	width: 270px;
	background:url(images/bg_nav-es.png) 0 -54px no-repeat;
}

#our-system #nav #one a,
#how-it-works #nav #one a,
#why-it-works #nav #one a,
#proven-results #nav #one a,
#faqs #nav #one a,
#nav #one a:hover,
#nav #one a:focus{	
	background-position: 0 0;
}

#nav #two a,
#nav #two a:link,
#nav #two a:visited{
	width: 140px;
	background:url(images/bg_nav-es.png) -270px -54px no-repeat;
}

#videos #nav #two a,
#nav #two a:hover,
#nav #two a:focus{	
	background-position: -270px 0;
}

#nav #three a,
#nav #three a:link,
#nav #three a:visited{
	width: 175px;
	background:url(images/bg_nav-es.png) -410px -54px no-repeat;
}

#events #nav #three a,
#nav #three a:hover,
#nav #three a:focus{	
	background-position: -410px 0;
} 

#nav #four a,
#nav #four a:link,
#nav #four a:visited{
	width: 195px;
	background:url(images/bg_nav-es.png) -585px -54px no-repeat;
}

#enroll #nav #four a,
#nav #four a:hover,
#nav #four a:focus{	
	background-position: -585px 0;
} 


/* --------- SUB NAV ----------- */

#subnav {
	width: 185px;
	padding-left: 10px;
}

#subnav li {
	width: 185px;
}

#subnav #one a,
#subnav #one a:link,
#subnav #one a:visited{
	width: 185px;
	background: url(images/subnav.png) 100px 0 no-repeat;
}

#subnav #two a,
#subnav #two a:link,
#subnav #two a:visited{
	width: 185px;
	background: url(images/subnav.png) 100px 0 no-repeat;
}

#subnav #three a,
#subnav #three a:link,
#subnav #three a:visited{
	width: 185px;
	background: url(images/subnav.png) 100px 0 no-repeat;
}


#subnav #four a,
#subnav #four a:link,
#subnav #four a:visited{
	width: 185px;
	background: url(images/subnav.png) 100px 0 no-repeat;
}


/* ----------------  FOOOTER  ------------------- */

#footer { 
	width: 100%;
	display: block;
	margin: 40px auto 0 auto; 
	padding: 25px 0; 
	border-top: 1px solid #BCC0AC;
	font-size: 1.1em; 
	text-align: center;
	background: #E1E5D2;
	height: 150px; 
	color: #666; 
	clear: both;
	float: none;
}

#footer #actions p{
	color: #666;
	padding-top: 10px;
	text-align:center;
	float: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	line-height: 1.4em;
}

#footer #actions p.call {
	font-size: 1em;	
}

#nav_tertiary{
	margin: 20px 0;
}
#nav_tertiary li{
	display: inline;
	list-style: none;
	padding: 0 11px 0 0;
	margin: 0 10px 0 0;
	background: url(images/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;
}
a.external {
	background:url(images/external.gif) no-repeat center right;
	padding-right:14px;
}
div.date {width:50px; height:35px; float:left;text-align:center; font-size:2em;padding:20px 0 0 0; display:block;margin-right:10px; background: url(images/calendar.png) top left no-repeat;}
#formColumn table th, #formColumn table td {padding:3px 0;}




/* -------- Teen Safe Driver CSS -------- */

sup {
	font-size: 6px;	
}

#container_TSD {
	width: 819px;
	height: auto;
	display: block;
	overflow:hidden;
	clear: both;
	margin: 0 auto;
}

#banner {
	width: 819px;
	height: 300px;
	display: block;
	margin: 0 auto;
	background:url(images/tsd_banner.jpg) 0 1px no-repeat;
	clear: both;
}

#banner #tsd_logo {
	width: 228px;
	height: 125px;
	display: block;
	float: left;
	background:url(images/tsd_logo.png) bottom no-repeat;
	text-indent: -2000em;
}

#content {	
	width: 819px;
	height: auto;
	display: block;
	overflow:hidden;
	margin: 0;
	background: url(images/bg_content.png) repeat-y;
}

#content-bottom {
	width: 819px;
	height: auto;
	display: block;
	overflow:hidden;
	margin: 0;
	background: url(images/bg_content-bottom.jpg) bottom no-repeat;
}

#content-top {
	width: 819px;
	height: auto;
	display: block;
	overflow:hidden;
	margin: 0;
	background: url(images/bg_content-top.jpg) no-repeat;
}

#footer_tsd {
	width: 819px;
	display: block;
	height: 140px;
	margin: 0 auto;
}
html>body #footer_tsd {
	height: 120px;
}

#footerNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 14px;
	color: #2797ad;
	margin: 20px auto;
	width: 600px;
	display: block;
	text-align:center;
	overflow:hidden;
	float: none;
	height: 14px;
}

#footerNav li {
	list-style: none;
	padding: 0 23px;
	display: inline-block;
	width: auto;
	float: left;
	height: 14px;
	background: url(images/bg_separator.png) left no-repeat;
}

#footerNav #first {
	background-image:none;
}

#footerNav li a,
#footerNav li a:link,
#footerNav li a:visited {
	text-decoration: none;
	color: #2797ad;
}

#footerNav li a:hover,
#footerNav li a:focus {
	text-decoration: none;
	color: #ED174C;
}

#partnerLogos {
	margin: 0 auto;
	display: block;
	overflow:hidden;
	width: 325px;
	height:58px;
}

#footer_tsd #amFam {
	width: 125px;
	height: 58px;
	display:block;
	float: left;
	background: url(images/amFam_logo_small.png) 0 9px no-repeat;
}

#footer_tsd #driveCam {
	width: 142px;
	height: 58px;
	display:block;
	float: left;
	background: url(images/DriveCam_logo.png) 20px 5px no-repeat;
}

#home #safeDriverPledge {
	width: 476px;
	height: 370px;
	display: block;
	background:url(images/Home_safe-driver-pledge-es.jpg) center no-repeat;
	padding: 0;
	margin: 0 auto;
}
#home #safeDriverPledge h2 {
	width: 320px;
	height:198px;
	display: block;
	padding:0;
	text-indent:-2000em;
	margin: 0 auto;
}
#home #safeDriverPledge p {
	width: 320px;
	height:auto;
	display: block;
	margin: 15px auto;
	padding:0;	
	text-align: center;
	float: none;
}
#home #safeDriverPledge p a,
#home #safeDriverPledge p a:link,
#home #safeDriverPledge p a:visited{
	float: none;
	width: 233px;
	height:29px;
	display: block;
	margin: 0 auto;
	background:url(images/btn_visit_safeDriverPledge.png) no-repeat;
	text-indent:-2000em;
	text-align: center;
}
#home #safeDriverPledge p a:hover,
#home #safeDriverPledge p a:focus{
	background-position: 0 -29px;
}


/* -----------------  Google Search Appliance ------------- */

#googleContainer {
	width: 750px;
	margin: 0 auto;
	height:auto;
	overflow:hidden;
	text-align: left;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	padding: 10px;
}

#googleContainer p,
#googleContainer blockquote {
	margin: 15px 0 15px;	
}

#googleContainer td {
	margin: 0 0 0 5px;	
}

#googleContainer a,
#googleContainer a:link,
#googleContainer a:visited,
#googleContainer p a,
#googleContainer p a:link,
#googleContainer p a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #1381c3;
}

#googleContainer a:hover,
#googleContainer a:focus,
#googleContainer p a:hover,
#googleContainer p a:focus{
	text-decoration: underline;
	color: #006;
}

#buttonSignIn {
	width: 73px;
	height: 25px;
	display: block;
	cursor: pointer;
	text-indent: -2000em;
	overflow: hidden;
	background: url(images/btn_signIn-es.jpg) no-repeat; 
}

#buttonEnroll {
	width: 86px;
	height: 25px;
	display: block;
	cursor: pointer;
	text-indent: -2000em;
	overflow: hidden;
	background: url(images/btn_enroll-es.jpg) no-repeat; 
}

#buttonAgent {
	float: left;
	width: 73px;
	height: 25px;
	display: block;
	cursor: pointer;
	text-indent: -2000em;
	overflow: hidden;
	background: url(images/btn_findAnAgent-es.jpg) no-repeat; 
}


#buttonQuote {
	width: 136px;
	height: 25px;
	display: block;
	cursor: pointer;
	text-indent: -2000em;
	overflow: hidden;
	background: url(images/btn_quoteOnline-es.jpg) no-repeat; 
	float: left;
}

#or {
	display: block;
	float: left;
	height: 25px;
	width: 25px;
	text-align: center;
}

#our-system #leftColumn #pullQuote {
	width: 150px;
}

#why-it-works #leftColumn #pullQuote {
	width: 105px
}

#proven-results #leftColumn #pullQuote {
	width: 120px;
}

#why-it-works #columnWrapper {
	padding-bottom: 150px;
	_padding-bottom: 190px;
}

#proven-results #columnWrapper { 
	padding-bottom: 230px;
	_padding-bottom: 250px; 
}

#sidebarContainer #testimonialHeader {
	background:url(images/bg_testimonial_header-es.png) no-repeat;
}
#sidebarContainer #videoHeader {
	background:url(images/bg_videoFootage_header-es.png) no-repeat;
}
#sidebarContainer #factHeader {
	background:url(images/bg_fact_header-es.png) no-repeat;
}
#enroll div.formBK p {float:none;}

#partnerlogos {
	margin: 0 auto;
	display: block;
	overflow:hidden;
	width: 325px;
	height:58px;
}

#footer_tsd #amFam {
	width: 125px;
	height: 58px;
	display:block;
	float: left;
	background: url(images/amFam_logo_small.png) 0 9px no-repeat;
}

#footer_tsd #odec {
	width: 57px;
	height: 58px;
	display:block;
	float: left;
	background: url(images/odec_small.png) 10px 0 no-repeat;
}


#footer_tsd #driveCam {
	width: 142px;
	height: 58px;
	display:block;
	float: left;
	background: url(images/DriveCam_logo.png) 20px 5px no-repeat;
}