/********** 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 b { font-weight:normal !important; color:#e77e11; }
/********** START | CONTENT **********/
#content { float:left; width:763px; height:373px; background:none }
.mainContent { float:left; width:763px; height:373px; background: url('../sem-images/brand_sp_background.jpg') no-repeat left top; }
.main { float:left; width:763px; height:373px; }
#tabArea { float:left; left:16px; position:relative; top:87px; width:340px }
#tabArea #individuals { float:left; margin-right:2px; cursor:pointer; }
#tabArea #business { float:left; margin-right:0px; cursor:pointer; }
#tabArea #individualsTxt { float:left; width:165px; font-size:1.2em; position:relative; top:-22px; text-align:center; color:#666666; font-weight:bold; cursor:pointer }
#tabArea #businessTxt { float:left; width:164px; font-size:1.2em; position:relative; top:-22px; text-align:center; color:#027ec8; font-weight:bold; cursor:pointer }
#tabContent { float:left; width:100%; }
#tabContent ul { float:left; width:313px; padding-left:14px }
#tabContent li { float:none; text-align:center; line-height:30px }
#tabContent a { float:left; width:301px; height:26px; background:#fff; font-size:1.2em;color:#027ec8; font-weight:bold }
#tabContent a:hover { background: #fff url('../sem-images/brand_sp_tab_li_bkgd.gif') no-repeat center top }
#tabContent1, #tabContent2 { position:absolute; left:-9999px }
/********** 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 li#cellClaim { background:#fff url('../sem-images/brand_sp_cell_claim_bkgd.gif') no-repeat left top }
#callToActions li#cellAgent { background:#fff url('../sem-images/brand_sp_cell_agent_bkgd.gif') no-repeat left top }
#callToActions li#cellQuote { background:#fff url('../sem-images/brand_sp_cell_quote_bkgd.gif') no-repeat left top }
#callToActions li#cellAccess { background:#fff url('../sem-images/brand_sp_cell_access_bkgd.gif') no-repeat left top }
#callToActions li.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:5px 0 0 20px }
#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 }