/********** 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, 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 url('../sem-images/brand_interactive_background.jpg') repeat-x left 68px; 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:692px; height:auto; margin:0 auto; clear:both }
/********** START | HEADER **********/
#header {float:left; width:692px; height:100% }
#header a img { float:left; margin:10px 0 5px 0; border:none }
#contact { float:right; color:#333; height:75px; margin:10px 0 0 0 }
#contact p { width:200px; text-align:right; font-size:1em }
#contact p a { font-weight:normal !important; color:#0076CC }
#contact p b { font-weight:normal !important; color:#0076CC }
/********** START | CONTENT **********/
#content { float:left; width:692px; height:347px; background:none }
.mainContent { float:left; width:692px; height:347px; background: url('../sem-images/brand_interactive_background_intro.jpg') no-repeat left top; }
.mainContent.auto { background: url('../sem-images/brand_interactive_background_auto.jpg') no-repeat left top; }
.mainContent.homeowners { background: url('../sem-images/brand_interactive_background_homeowners.jpg') no-repeat left top; }
.mainContent.condo { background: url('../sem-images/brand_interactive_background_condo.jpg') no-repeat left top; }
.mainContent.renters { background: url('../sem-images/brand_interactive_background_renters.jpg') no-repeat left top; }
.mainContent.life { background: url('../sem-images/brand_interactive_background_life.jpg') no-repeat left top; }
.mainContent.bus_property { background: url('../sem-images/brand_interactive_background_bus_property.jpg') no-repeat left top; }
.mainContent.bus_auto { background: url('../sem-images/brand_interactive_background_bus_auto.jpg') no-repeat left top; }
.mainContent.bus_liability { background: url('../sem-images/brand_interactive_background_bus_liability.jpg') no-repeat left top; }
.mainContent.bus_retirement { background: url('../sem-images/brand_interactive_background_bus_retirement.jpg') no-repeat left top; }
.main { float:right; margin:0 0 0 275px; padding:0; width:415px; height:347px; }
.main.noSpace { float:right; margin:0 0 0 0px; padding:0; width:692px; height:347px; }
.main p { float:left; margin:0; clear:both; padding:126px 0 0 3px; text-align:left; font:1.2em Arial, Helvetica, sans-serif; color:#333; width:330px }
.main p.intro { float:left; margin:0; clear:both; padding:215px 0 0 0px; text-align:center; font:1.2em Helvetica, sans-serif; color:#333; width:692px }
.main ul { float:left; margin:0; clear:both; padding:126px 0 0 18px; text-align:left; font:1.2em Arial, Helvetica, sans-serif; color:#333; }
.main ul.autoUL { width:340px; }
.main ul.autoUL li { width:380px; }
.main ul.homeownersUL { padding:175px 35px 0 35px; text-align:left; font:1.2em Arial, Helvetica, sans-serif; }
.main li { width:100%; list-style-type:disc; line-height:23px; }
.main small { font-size:.5em }
.main span.homeownersSPAN { margin:0px; padding:0px; width:200px;left:-200px; top:-100px; float:left; position:relative; color:#333; font:1.2em Arial, Helvetica, sans-serif; }
.main a img { float:left; padding:0px 6px 0 0; }
.main .ulFixAuto {float:left; padding:0 0 0 18px; text-align:left; font:1.2em Arial, Helvetica, sans-serif; color:#333; width:100%; line-height:23px }
/********** START | ZIP CODE **********/
.zipBox { float:left; left:83px; position:relative; top:26px; width:180px; }
.zipBox.homeownersZIP { left:24px; top:190px }
.zipBox.condoZIP { left:145px; top:10px }
.zipBox.rentersZIP { left:25px; top:25px }
.zipBox.lifeZIP { left:65px; top:26px }
.zipBox .go { float:left; margin:-1px 0 0 -3px; }
.zipBox p { padding:0 0 5px 0 !important; position:relative; text-align:left; font:1.6em Arial, Helvetica, sans-serif; color:#333; }
.zipBox p.condoP { left:-135px; top:33px; width:130px }
.zipBox p.rentersP { left:2px; top:-3px }
.zipBox p.lifeP { left:2px; top:-3px; color:#0082c8!important }
input#zipCodeAuto { float:left; height:23px; width:100px; color:#666666; border-top:3px solid #bbb; text-align:left; padding:5px 0 0 10px; font:1.3em Arial, Helvetica, sans-serif }
input#zipCodeHomeowners { float:left; height:23px; width:100px; color:#666666; border-top:3px solid #bbb; text-align:left; padding:5px 0 0 10px; font:1.3em Arial, Helvetica, sans-serif }
input#zipCodeCondo { float:left; height:23px; width:100px; color:#666666; border-top:3px solid #bbb; text-align:left; padding:5px 0 0 10px; font:1.3em Arial, Helvetica, sans-serif }
input#zipCodeRenters { float:left; height:23px; width:100px; color:#666666; border-top:3px solid #bbb; text-align:left; padding:5px 0 0 10px; font:1.3em Arial, Helvetica, sans-serif }
input#zipCodeLife { float:left; height:23px; width:100px; color:#666666; border-top:3px solid #bbb; text-align:left; padding:5px 0 0 10px; font:1.3em Arial, Helvetica, sans-serif }
input#zipCodeLife2 { float:left; height:23px; width:100px; color:#666666; border-top:3px solid #bbb; text-align:left; padding:5px 0 0 10px; font:1.3em Arial, Helvetica, sans-serif }
input#zipCodeBusProp { float:left; height:23px; width:100px; color:#666666; border-top:3px solid #bbb; text-align:left; padding:5px 0 0 10px; font:1.3em Arial, Helvetica, sans-serif }
input#zipCodeBusAuto { float:left; height:23px; width:100px; color:#666666; border-top:3px solid #bbb; text-align:left; padding:5px 0 0 10px; font:1.3em Arial, Helvetica, sans-serif }
input#zipCodeBusLiability { float:left; height:23px; width:100px; color:#666666; border-top:3px solid #bbb; text-align:left; padding:5px 0 0 10px; font:1.3em Arial, Helvetica, sans-serif }
input#zipCodeBusRet { float:left; height:23px; width:100px; color:#666666; border-top:3px solid #bbb; text-align:left; padding:5px 0 0 10px; font:1.3em Arial, Helvetica, sans-serif }
.main a.findAgentLink { float:left; font:1.1em Arial, Helvetica, sans-serif; margin:0; text-align:left; padding:42px 0 0 83px; color:#333; width:225px; font-weight:bold; }
.main a.findAgentLink.autoAGENT { float:left; position:relative;left:95px; top:70px; padding:0px!important; }
.main a.findAgentLink.rentersAGENT { float:left; position:relative;left:40px; top:69px; padding:0px!important; }
.main a.findAgentLink.lifeAGENT { float:left; position:relative;left:-111px; top:100px; padding:0px!important; }
/********** START | FOOTER **********/
#footer { float:left; width:700px; padding:5px 0 40px 0;color:#666666; font:.8em Arial, Helvetica, sans-serif }
#footer ul { width:700px; padding:0 0 5px 0 }
#footer li { float:left }
#footer ul li span { padding:0 6px 0 6px }
/********** START | COPYRIGHT **********/
#copyrightWrapper { float:left; padding:25px 0 5px }
#copyright { float:left; width:680px; height:30px; color:#666666; text-align:justify; padding:2px 0 25px 0; font:.8em Arial, Helvetica, sans-serif }
#copyright p { float:left; display:block }
/********** START | NAVIGATOR **********/
#navigator { float:left; width:692px; height:148px; margin-top:10px; padding:2px 2px; background:#fff; border-bottom:1px solid #dbdbdb }
#navigator ul { float:left; width:100%; height:100%; }
#navigator li { float:left; width:96px; height:125px; background:#999; border:1px solid #fff; margin-right:12px; padding-top:3px }
#navigator li.last { margin-right:0px }
#navigator #navFlash { margin-left:-6px }
/********** START | PRODUCT DIVS **********/
#productAuto, #productHomeowners, #productCondo, #productRenters, #productLife, #productBusProperty, #productBusAuto, #productBusLiability, #productBusRetirement { display:none }