/********** Browser 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; white-space: normal; border: 0px; outline: 0px; font-weight: normal; font-style: normal; font-size: 1em; vertical-align: baseline; font-family: Arial, Helvetica, sans-serif; }
body { background: #ffffff; color: #000; font:.725em Arial, Helvetica, sans-serif }
/********** tables still need 'cellspacing="0"' in the markup **********/
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
/********** FORM ELEMENTS **********/
input, textarea { margin: 0px; padding: 1px 6px 1px; outline: 0px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #000; }
select { margin: 0px; padding: 0px 0px 0px 3px; border: 1px solid #ccc; outline: 0px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #000; }
select option { padding-right: 10px; }/*so text isn't hidden by drop down in selects with only 2 characters*/
button { margin: 0px; }
ol, ul { list-style: none; }
/********** DEFAULT LINKS **********/
a { cursor: pointer; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:focus { border: 0px; outline: 0px; }
/********** SKIP LINKS FOR ACCESSIBILITY **********/
.accessibility { position: absolute; left: -9999px; top: -9999px; }
/********** CLEARFIX **********/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; display: inline-block }
/********** Hides from IE-mac **********/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/********** START | HEADER **********/
#container { width:763px; height:auto; margin:0 auto; clear:both }
/********** START | HEADER **********/
#header {float:left; width:763px; height:100% }
#header a img { float:left; margin:10px 0 5px 0; border:none }
#contact { float:right; color:#333; height:55px; margin:10px 0 0 0; }
#contact p { width:200px; text-align:right; font:1.2em "Myriad Pro", Arial, Helvetica, sans-serif }
#contact p a { font-weight:normal !important; color:#0076CC }
#contact p strong { font-weight:normal !important; color:#D0781D !important; }
/********** START | CONTENT **********/
#content { float:left; width:763px; height:343px; background:none }
.mainContent { float:left; width:763px; height:347px; background: url('../sem-images/brand_sp_agent_background.jpg') no-repeat left top; }
.main { float:left; width:763px; height:347px; }
#findAgent { float:left; left:52px; color:#333!important; position:relative; top:145px; width:300px }
#findAgent h3 { float:left; width:100%; text-align:left; font: 1.5em Arial, Helvetica, sans-serif }
#findAgent p { float:left; width:100%; text-align:left; font: 1.2em Arial, Helvetica, sans-serif }
#findAgent #zipCode { float:left; margin:11px 6px 40px 0; width:100px; padding: 5px 3px 6px 5px; }
#findAgent #go { float:left; margin:11px 0 0 0 }
#findAgent #go input { padding: 0; }
/*********** START | DETECT/NO DETECT ***********/
#content #zipCode { margin-bottom: 20px; }
#content .nodetect { margin-top: 20px; }
#content .nodetect #zipCode { margin-bottom: 20px; }
#content #findAgent .pushpin { background: url(../sem-images/brand_sp_agent_pushpin.png) left top no-repeat; padding: 15px 0 6px 35px; clear: both; margin-top: 20px; float: left; width: 260px;}
#content #findAgent .pushpin p { font-size: 11px; font-weight: bold; float: none; }
/********** START | CALL TO ACTIONS **********/
#callToActions { float:left; width:763px; height:104px; border-top:1px solid #ccc; border-bottom:1px solid #ccc }
#callToActions ul {}
#callToActions .li { float:left; width:251px; height:99px; padding-right:5px; }
#callToActions #cellClaim { background:#fff url('../sem-images/brand_sp_agent_cell_claim_bkgd.gif') no-repeat left top }
#callToActions #cellAgent { background:#fff url('../sem-images/brand_sp_agent_cell_agent_bkgd.gif') no-repeat left top }
#callToActions #cellQuote { background:#fff url('../sem-images/brand_sp_agent_cell_quote_bkgd.gif') no-repeat left top }
#callToActions #cellAccess { background:#fff url('../sem-images/brand_sp_agent_cell_access_bkgd.gif') no-repeat left top }
#callToActions .last { padding-right:0 }
.cellWrapper { float:right; padding:20px 20px 0 0; width:142px; height:99px; text-align:center; }
.cellWrapper h3 { padding:0 0 10px 0; color:#343434; line-height:25px; width:100%; font-size:1.4em }
/********** START | CALL TO ACTIONS **********/
#brandLinks { float:left; width:763px; border-bottom:1px solid #ccc }
#brandLinks ul { float:left; width:773px; padding-left:5px }
#brandLinks li { float:left; padding:18px 16px }
#brandLinks a { float:left; color:#0265cd; font-size:1.2em }
/********** START | FOOTER **********/
#footer { float:left; width:763px; padding:15px 0 0 0;color:#666666; font:1em Arial, Helvetica, sans-serif }
#footer ul { float:left; width:700px; padding: 0 !important; }
#footer li { float:left }
#footer li a { color:#0265cd }
#footer ul li span { padding:0 6px 0 6px }
#footerLogos { float:left; width:760px; padding:25px 0 30px 18px }
#footerLogos img { float:none; padding:0 5px 0 0 }