/********** 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:#0076CC }



/********** START | CONTENT **********/
#content 	 { float:left; width:763px; height:343px; background:none }
.mainContent { float:left; width:763px; height:347px; background: url('../sem-images/brand_sp_quote_background.jpg') no-repeat left top; }

.main		 { float:left; width:763px; height:347px; position: relative; }
.headline { margin: 47px 0 0 34px; position: relative; z-index: 2; }

#getQuote      	 { color:#333!important; margin:76px 0 0 52px; }
#getQuote h2	 { font-size: 2.069em; margin-bottom: 10px; }
#getQuote h3   	 { float:left; width:100%; padding-top:20px; text-align:left; font: 1.5em Arial, Helvetica, sans-serif }
#getQuote p	   	 { float:left; width:100%; text-align:left; font: 1.2em Arial, Helvetica, sans-serif }
#getQuote select { float:left; margin:0 0 10px 0; clear:both; width:180px }
#getQuote a#go   { float:left; margin:-7px 0 0 18px }

.form1 label, .form1 input#zipCodeElem { display: none; }
.form2 label { display: block; font-size: 0.9483em; color: #000; font-style: italic; margin-bottom: 6px; }
.form2 select#StateElem { display: none; }
.form2 input#zipCodeElem { float: left; width: 50px; }
.form2 select#TypeBusElem { float: left; clear: none; margin: 0 0 0 12px; padding: 0; }
.form2 a#go { float: left; margin: -6px 0 0 6px !important; padding: 0 !important; }

.imageContainer { position: absolute; top: 0; right: 0; width: 287px; height: 337px; display: block; }
.imageContainer img { width: 287px; height: 337px; }

#formGoBtn { margin: -7px 0pt 0pt 18px; float: left }
	
/********** 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_quote_cell_claim_bkgd.gif') no-repeat left top }
#callToActions li#cellAgent	 { background:#fff url('../sem-images/brand_sp_quote_cell_agent_bkgd.gif') no-repeat left top }
#callToActions li#cellQuote  { background:#fff url('../sem-images/brand_sp_quote_cell_quote_bkgd.gif') no-repeat left top }
#callToActions li#cellAccess { background:#fff url('../sem-images/brand_sp_quote_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: 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 }

/*----------------------------A STYLES-------------------------*/
body.A { background: #4083C9;}

.A .mainContent { background: url("../sem-images/brand_sp_A_background.jpg") no-repeat scroll left top transparent; float: left; height: 373px; width: 808px; margin-top:10px; }
.A .main {position:relative; z-index:1000; height:auto; }
#container.A { background-image: url("../sem-images/brand_sp_AB_bkgd.jpg");clear: both; height: 880px; margin: 0 auto; width: 948px; position:relative;}

.A #header{ float: left; height: 78px; width: 795px; margin-left:75px; background-image:url("../sem-images/brand_sp_line.jpg"); background-repeat:no-repeat; background-position:bottom right; }
.A #contact p   { width:210px; }
.A #contact p strong { font-size:1.4em; color:#e77e11;  }
.A #content { background: none repeat scroll 0 0 transparent; float: left; height: 373px; width: 763px; margin-left:73px;}
.A #content h1 { font-size:62px; color:#4083C9; letter-spacing:2px; margin-top:40px; line-height:60px; }

.A #callToActions { border:none; float: left; height: 104px; margin:130px 0 0 110px; background: url("../sem-images/brand_sp_A_clipboard.jpg") no-repeat scroll left top; color:#666666; z-index:100; position:relative; }
.A #callToActions p{ margin-left: 55px; font-size:17px; margin-top: 5px; letter-spacing:1px; }
.A #callToActions ul { margin-left: 47px; margin-top: 5px;}
.A #callToActions ul li { display: block; float: left; height: auto; margin: 0; width: auto; background: url("../sem-images/brand_sp_A_arrow.jpg") no-repeat scroll 0 0 transparent; background-position:right center; color:#666666; padding: 0 7px 1px 8px; }
.A #callToActions a:link { color: #666; }
.A #callToActions a:visited { color: #666; }
.A #callToActions a:hover { color: #666; }

.A #brandLinks { border-bottom: 1px solid #CCCCCC; float: left; width: 763px; margin-left:75px;}
.A #footer { color: #666666; float: left; font: 11px Arial,Helvetica,sans-serif; padding: 5px 0 0; width: 480px; margin-left:117px; z-index:100; position:relative; }
.A #footerLogos {padding:25px 0 0 0; }
.A #footerLogos img { float:none; padding:0 10px 0 0; }
.A #agentbackground { position:absolute; bottom:0px; right:-46px; z-index:1; }

.A #tabArea {float: left; left: -3px; position: relative; top: 10px; width: 450px; }
.A #tabArea #individuals { margin-right:0; }
.A #tabArea .getaquote { background: url(../sem-images/brand_sp_tabs.gif) 0 -129px no-repeat; cursor:pointer; width:160px; height:43px; float:left; }
.A #tabArea .findanagent { background: url(../sem-images/brand_sp_tabs.gif) 0 0 no-repeat; cursor:pointer; width:174px; height:43px; float:left; }

.A #tabContent2 { display:none; }
.A #tabContent a, .A #tabContent a:hover { width:auto; background-image:none; background-color:inherit; }

.A #tabContent1 { display:block; float:left; }
.A #tabContent {position:relative; z-index:200; float:left; width:100%; }
.A #tabContent .getquote { padding:65px 0 0 42px; overflow:hidden; width:450px;}
.A #tabContent .findagent { padding:42px 0 0 42px; overflow:hidden;}
.A #tabContent .getquote h2 { color:#006fc0; font-size:32px; letter-spacing:2px; padding-bottom:10px; }
.A #tabContent .findagent h2 { color:#006fc0; font-size:20px; letter-spacing:2px; padding-bottom:10px; }

.A #tabContent .zipright { float:left; }
.A #tabContent .quoteform { float:left; letter-spacing:1px; z-index:100; position:relative; width:450px; height:100px; }
.A #tabContent .quoteform .online { float:left; padding-top:10px; color:#666666; font-size:18px; width:72px;}
.A #tabContent .quoteform .online p { font-weight:bold; }
.A #tabContent .quoteform .zipselector { float:left; padding:5px 0 0 8px; width:74px;}
.A #tabContent .quoteform .insurancetype { float:left; padding:5px 0 0 10px; width:158px;}
.A #tabContent .quoteform .insurancetype select { border:1px solid #7197b5; padding:0; width:150px; display:block; margin-top:6px; font-size:12px; }

.A #tabContent .quoteform #goquote { float:left; width:85px; height:45px; background: url(../sem-images/agent_maps_btn_zip_go.png) 0 0 no-repeat; cursor:pointer; border:none; }
.A #tabContent .quoteform #goagent { float:left; margin-left:5px; width:85px; height:45px; background: url(../sem-images/agent_maps_btn_zip_go.png) 0 0 no-repeat; cursor:pointer; border:none; }
.A #tabContent .quoteform .contentphone { clear:both; font-size:18px; color:#666666; overflow:hidden; padding-top:5px; padding-bottom:22px; }
.A #tabContent .quoteform .contentphone .left { float:left; width:140px; }
.A #tabContent .quoteform .contentphone .left p { font-weight:bold; }
.A #tabContent .quoteform .contentphone .right { float:left; }
.A #tabContent .quoteform .contentphone .right .small { font-size:12px; padding-top:2px; }

.A .form1 label, .A .form1 input#zipCodeElem { display: block; }
.A .bubbleInfo { position: relative; float:left; z-index: 10000 !important; }
/*.A .bubbleInfo input { width:60px; line-height:18px; color:#262626; border:1px solid #7197b5; font-size:12px; padding-left:6px; padding-top:5px; padding-bottom:5px; text-align:center; }
.A .bubbleInfo .label { position:absolute; margin:6px 0 0 10px; font-size:12px; letter-spacing:0; }
.A .bubbleInfo input { background: url(../sem-images/brand_sp_A_input.jpg) 0 0 no-repeat; width:72px; height:26px; font-size:12px; padding:0; text-align:center; border:none; }*/
.A .bubbleInfo input { width:70px; color:#262626; border:1px solid #7197b5; font-size:12px; padding:1px 1px 1px 1px; text-align:center; margin-top:6px; }

.A .bubbleInfo.help { top:-4px; z-index: 1000000 !important; }
.A .bubbleInfo.help .trigger { cursor:pointer; }
.A .popup { position: absolute; width:230px; display: none; z-index: 50; padding-bottom:25px }
.A .popup .corner { height: 15px; width: 19px; }
.A .popup .top-row, .popup .mid-row, .popup .bot-row { float:left; width:100% }

.A .error .popup {  padding-bottom:0px }
.A .error .popup .top { float:left; width:190px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-2-error.png); }
.A .error .popup .topleft { float:left; width:19px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-1-error.png); }
.A .error .popup .topright { float:left; width:19px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-3-error.png); }
.A .error .popup .mid-row { height:30px; }
.A .error .popup .mid-row .left  { float:left; width:19px; height:30px; background-image: url(../sem-images/agent_maps_a_bubble-4-error.png); }
.A .error .popup .mid-row .right { float:left; width:19px; height:30px; background-image: url(../sem-images/agent_maps_a_bubble-5-error.png); }
.A .error .popup .bottom { float:left; width:190px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-7-error.png); text-align: center;}
.A .error .popup .bottom img { display: block; margin:0; width:30px!important; height:29px!important }
.A .error .popup .bottomleft { float:left; width:19px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-6-error.png); }
.A .error .popup .bottomright { float:left; width:19px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-8-error.png); }
.A .popup .popup-contents { float:left; height:50px; width:190px; color: #666666; font-size: 12px; line-height: 1.2em; background-color: #fff; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; }

.A .popup-contents h3 { font:bold .9em Arial, Helvetica, sans-serif; color:#333; float:left; width:100%; padding-bottom:4px; }
.A .popup-contents p  { font:normal 1em Arial, Helvetica, sans-serif; color:#333; float:left; width:100%!important; margin:0px!important; padding:0px!important; position:static!important }
.A .bubble_close { float: right; position: absolute; right: 16px; top: 25px; cursor:pointer; }

.A .popup-contents span { font:normal 12px Arial, Helvetica, sans-serif; color:#333; float:left; width:100%!important; margin:0px!important; padding:0px!important; position:static!important }
.A .error .popup-contents { height:30px!important; padding-top:8px; }
.A .error .popup-contents span { color:red!important; width:190px!important; font-weight:bold!important; letter-spacing:0; }
    
/*----------------------------A STYLES-------------------------*/
body.B { background: #4083C9;}

.B .mainContent { background: url("../sem-images/brand_sp_A_background.jpg") no-repeat scroll left top transparent; float: left; height: 373px; width: 808px; margin-top:10px; }
.B .main {position:relative; z-index:1000; height:auto; }
#container.B { background-image: url("../sem-images/brand_sp_AB_bkgd.jpg");clear: both; height: 880px; margin: 0 auto; width: 948px; position:relative;}

.B #header{ float: left; height: 78px; width: 795px; margin-left:75px; background-image:url("../sem-images/brand_sp_line.jpg"); background-repeat:no-repeat; background-position:bottom right; }
.B #contact p   { width:210px; }
.B #contact p strong { font-size:1.4em; color:#e77e11;  }
.B #content { background: none repeat scroll 0 0 transparent; float: left; height: 373px; width: 763px; margin-left:73px;}
.B #content h1 { font-size:62px; color:#4083C9; letter-spacing:2px; margin-top:40px; line-height:60px; }

.B #callToActions { border:none; float: left; height: 104px; margin:130px 0 0 110px; background: url("../sem-images/brand_sp_A_clipboard.jpg") no-repeat scroll left top; color:#666666; z-index:100; position:relative; }
.B #callToActions p{ margin-left: 55px; font-size:17px; margin-top: 5px; letter-spacing:1px; }
.B #callToActions ul { margin-left: 47px; margin-top: 5px;}
.B #callToActions ul li { display: block; float: left; height: auto; margin: 0; width: auto; background: url("../sem-images/brand_sp_A_arrow.jpg") no-repeat scroll 0 0 transparent; background-position:right center; color:#666666; padding: 0 7px 1px 8px; }
.B #callToActions a:link { color: #666; }
.B #callToActions a:visited { color: #666; }
.B #callToActions a:hover { color: #666; }

.B #brandLinks { border-bottom: 1px solid #CCCCCC; float: left; width: 763px; margin-left:75px;}
.B #footer { color: #666666; float: left; font: 11px Arial,Helvetica,sans-serif; padding: 5px 0 0; width: 480px; margin-left:117px; z-index:100; position:relative; }
.B #footerLogos {padding:25px 0 0 0; }
.B #footerLogos img { float:none; padding:0 10px 0 0; }
.B #agentbackground { position:absolute; bottom:0px; right:-46px; z-index:1; }

.B #tabArea {float: left; left: -3px; position: relative; top: 10px; width: 450px; }
.B #tabArea #individuals { margin-right:0; }
.B #tabArea .getaquote { background: url(../sem-images/brand_sp_tabs.gif) 0 -129px no-repeat; cursor:pointer; width:160px; height:43px; float:left; }
.B #tabArea .findanagent { background: url(../sem-images/brand_sp_tabs.gif) 0 0 no-repeat; cursor:pointer; width:174px; height:43px; float:left; }

.B #tabContent2 { display:none; }
.B #tabContent a, .A #tabContent a:hover { width:auto; background-image:none; background-color:inherit; }

.B #tabContent1 { display:block; float:left; }
.B #tabContent a, .B #tabContent a:hover { width:auto; background-image:none; background-color:inherit; }

.B #tabContent {position:relative; z-index:200; float:left; width:100%; }
.B #tabContent .getquote { padding:65px 0 0 42px; overflow:hidden; width:450px;}
.B #tabContent .findagent { padding:50px 0 0 42px; overflow:hidden;}
.B #tabContent .getquote h2 { color:#006fc0; font-size:32px; letter-spacing:2px; padding-bottom:10px; }
.B #tabContent .findagent h2 { color:#006fc0; font-size:28px; letter-spacing:2px; padding-bottom:10px; }

.B #tabContent .zipright { float:left; }
.B #tabContent .quoteform { float:left; letter-spacing:1px; z-index:100; position:relative; width:450px;}
.B #tabContent .quoteform .online { float:left; padding-top:10px; color:#666666; font-size:18px; width:72px;}
.B #tabContent .quoteform .online p { font-weight:bold; }
.B #tabContent .quoteform .zipselector { float:left; padding:5px 0 0 8px; width:74px;}
.B #tabContent .quoteform .insurancetype { float:left; padding:5px 0 0 10px; width:158px;}
.B #tabContent .quoteform .insurancetype select { border:1px solid #7197b5; padding:0; width:150px; display:block; margin-top:6px; font-size:12px; }

.B #tabContent .quoteform #goquote { float:left; width:85px; height:45px; background: url(../sem-images/agent_maps_btn_zip_go.png) 0 0 no-repeat; cursor:pointer; border:none; }
.B #tabContent .quoteform #goagent { float:left; margin-left:5px; width:85px; height:45px; background: url(../sem-images/agent_maps_btn_zip_go.png) 0 0 no-repeat; cursor:pointer; border:none; }
.B #tabContent .quoteform .contentphone { clear:both; font-size:18px; color:#666666; overflow:hidden; padding-top:5px; padding-bottom:22px; }
.B #tabContent .quoteform .contentphone .left { float:left; width:140px; }
.B #tabContent .quoteform .contentphone .left p { font-weight:bold; }
.B #tabContent .quoteform .contentphone .right { float:left; }
.B #tabContent .quoteform .contentphone .right .small { font-size:12px; padding-top:2px; }

.B .form1 label, .B .form1 input#zipCodeElem { display: block; }
.B .bubbleInfo { position: relative; float:left; z-index: 10000 !important; }
/*.B .bubbleInfo input { width:60px; line-height:18px; color:#262626; border:1px solid #7197b5; font-size:12px; padding-left:6px; padding-top:5px; padding-bottom:5px; text-align:center; }
.B .bubbleInfo .label { position:absolute; margin:6px 0 0 10px; font-size:12px; letter-spacing:0; }
.B .bubbleInfo input { background: url(../sem-images/brand_sp_A_input.jpg) 0 0 no-repeat; width:72px; height:26px; font-size:12px; padding:0; text-align:center; border:none; }*/
.B .bubbleInfo input { width:70px; color:#262626; border:1px solid #7197b5; font-size:12px; padding:1px 1px 1px 1px; text-align:center; margin-top:6px; }

.B .bubbleInfo.help { top:-4px; z-index: 1000000 !important; }
.B .bubbleInfo.help .trigger { cursor:pointer; }
.B .popup { position: absolute; width:230px; display: none; z-index: 50; padding-bottom:25px }
.B .popup .corner { height: 15px; width: 19px; }
.B .popup .top-row, .popup .mid-row, .popup .bot-row { float:left; width:100% }

.B .error .popup {  padding-bottom:0px }
.B .error .popup .top { float:left; width:190px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-2-error.png); }
.B .error .popup .topleft { float:left; width:19px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-1-error.png); }
.B .error .popup .topright { float:left; width:19px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-3-error.png); }
.B .error .popup .mid-row { height:30px; }
.B .error .popup .mid-row .left  { float:left; width:19px; height:30px; background-image: url(../sem-images/agent_maps_a_bubble-4-error.png); }
.B .error .popup .mid-row .right { float:left; width:19px; height:30px; background-image: url(../sem-images/agent_maps_a_bubble-5-error.png); }
.B .error .popup .bottom { float:left; width:190px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-7-error.png); text-align: center;}
.B .error .popup .bottom img { display: block; margin:0; width:30px!important; height:29px!important }
.B .error .popup .bottomleft { float:left; width:19px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-6-error.png); }
.B .error .popup .bottomright { float:left; width:19px; height:29px; background-image: url(../sem-images/agent_maps_a_bubble-8-error.png); }
.B .popup .popup-contents { float:left; height:50px; width:190px; color: #666666; font-size: 12px; line-height: 1.2em; background-color: #fff; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; }

.B .popup-contents h3 { font:bold .9em Arial, Helvetica, sans-serif; color:#333; float:left; width:100%; padding-bottom:4px; }
.B .popup-contents p  { font:normal 1em Arial, Helvetica, sans-serif; color:#333; float:left; width:100%!important; margin:0px!important; padding:0px!important; position:static!important }
.B .bubble_close { float: right; position: absolute; right: 16px; top: 25px; cursor:pointer; }

.B .popup-contents span { font:normal 12px Arial, Helvetica, sans-serif; color:#333; float:left; width:100%!important; margin:0px!important; padding:0px!important; position:static!important }
.B .error .popup-contents { height:30px!important; padding-top:8px; }
.B .error .popup-contents span { color:red!important; width:190px!important; font-weight:bold!important; letter-spacing:0; }