﻿/* Positioning */
/* Containers
----------------------------------------------------------------------------------------------------*/.container_9{margin-left:auto;margin-right:auto;width:972px;}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;position:relative;margin-left:6px;margin-right:6px;}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha{margin-left:0;}
.omega{margin-right:0;}
/* Grid >> 9 Columns
----------------------------------------------------------------------------------------------------*/.container_9 .grid_1{width:96px;}
.container_9 .grid_2{width:204px;}
.container_9 .grid_3{width:312px;}
.container_9 .grid_4{width:420px;}
.container_9 .grid_5{width:528px;}
.container_9 .grid_6{width:636px;}
.container_9 .grid_7{width:744px;}
.container_9 .grid_8{width:852px;}
.container_9 .grid_9{width:960px;}
/* Prefix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/.container_9 .prefix_1{padding-left:108px;}
.container_9 .prefix_2{padding-left:216px;}
.container_9 .prefix_3{padding-left:324px;}
.container_9 .prefix_4{padding-left:432px;}
.container_9 .prefix_5{padding-left:540px;}
.container_9 .prefix_6{padding-left:648px;}
.container_9 .prefix_7{padding-left:756px;}
.container_9 .prefix_8{padding-left:864px;}
/* Suffix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/.container_9 .suffix_1{padding-right:108px;}
.container_9 .suffix_2{padding-right:216px;}
.container_9 .suffix_3{padding-right:324px;}
.container_9 .suffix_4{padding-right:432px;}
.container_9 .suffix_5{padding-right:540px;}
.container_9 .suffix_6{padding-right:648px;}
.container_9 .suffix_7{padding-right:756px;}
.container_9 .suffix_8{padding-right:864px;}
/* Push Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/.container_9 .push_1{left:108px;}
.container_9 .push_2{left:216px;}
.container_9 .push_3{left:324px;}
.container_9 .push_4{left:432px;}
.container_9 .push_5{left:540px;}
.container_9 .push_6{left:648px;}
.container_9 .push_7{left:756px;}
.container_9 .push_8{left:864px;}
/* Pull Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/.container_9 .pull_1{left:-108px;}
.container_9 .pull_2{left:-216px;}
.container_9 .pull_3{left:-324px;}
.container_9 .pull_4{left:-432px;}
.container_9 .pull_5{left:-540px;}
.container_9 .pull_6{left:-648px;}
.container_9 .pull_7{left:-756px;}
.container_9 .pull_8{left:-864px;}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*//* http://sonspring.com/journal/clearing-floats */.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/* Page specific */
/* Wrapper
----------------------*/
.whole{width:100%;height:96px;}
.branding{background:#170939;}
/* Title row
----------------------*/
#title{height:110px;z-index:1;}
#title_whoweare{background:url(http://www.esurance.com/HomeContent/Home/title_whoweare.png) no-repeat;position:absolute;margin-top:4px;width:203px;height:44px;top:30px;}
#blurbwhoweare{background:url(http://www.esurance.com/HomeContent/Home/blurb_whoweare.png) no-repeat; width:409px; height:24px; margin-bottom:15px;}
#blurb a {font-weight:600;}
#bcrumb {font:10px/16px Verdana, Geneva, sans-serif;color:#6f685f; margin-top:8px; margin-bottom:15px;}
#mainContent h1{font:bold 16px Arial, Helvetica, sans-serif;padding-bottom:10px;color:#170939;}
#mainContent h2{color:#6f685f;font:14px Arial, Helvetica, sans-serif; font-weight:bold; line-height:18px;}
#mainContent h3{font:11px/16px Verdana,Geneva,sans-serif;padding-bottom:10px;color:#6699ff;margin-bottom:-7px;margin-top:0px;}
#button{background:url(http://www.esurance.com/HomeContent/Home/button_quote.png) no-repeat scroll 0 0 transparent;height:36px;left:36px;padding:0;position:absolute;top:150px;cursor:pointer;width:148px;}
#button:hover{background-position:0 -36px;}
#button span{display:block;width:0;height:0;overflow:hidden;}
#cta .lblzip {
  font-family: arial,Geneva,sans-serif;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 18px;
  margin: 5px 18px 0;
  position: absolute;
  top: 95px;
  width: 120px;
}
#input_zip {
    height: 28px;
    left: 18px;
    position: absolute;
    top: 120px;
}
#txtZipCode {
    border: medium none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 28px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
    width: 112px;
}

h1.title_trademarks{width:201px;height:31px;position:relative;overflow:hidden;}
h1.title_trademarks span{background:url(http://www.esurance.com/HomeContent/Home/title_trademarks.png) 0 0 no-repeat; position:absolute;width:100%;height:100%;z-index:1;}
h2.blurb_trademarks{width:466px;height:29px;position:relative;overflow:hidden;margin-bottom:15px;}
h2.blurb_trademarks span{background:url(http://www.esurance.com/HomeContent/Home/blurb_trademarks.png) 0 0 no-repeat; position:absolute;width:100%;height:100%;z-index:1;}
h1.title_glossary{width:403px;height:38px;position:relative;overflow:hidden;}
h1.title_glossary span{background:url(http://www.esurance.com/HomeContent/Home/title_glossary.png) 0 0 no-repeat; position:absolute;width:100%;height:100%;z-index:1;}
h1.title_sitemap{width:148px;height:37px;position:relative;overflow:hidden;}
h1.title_sitemap span{background:url(http://www.esurance.com/HomeContent/Home/title_sitemap.png) 0 0 no-repeat; position:absolute;width:100%;height:100%;z-index:1;}
h1.title_marketing{width:497px;height:39px;position:relative;overflow:hidden;}
h1.title_marketing span{background:url(http://www.esurance.com/HomeContent/Content/Web/Images/Rebranded/marketing-advertising/spr_mktad.png) 0 0 no-repeat; width:497px; height:39px; position:absolute;width:100%;height:100%;z-index:1;}
.mainlg {font:bold 16px/20px Arial, Helvetica, sans-serif; color:#170939; }
/* Side bar
----------------------*/
#rsidebar{background:url(http://www.esurance.com/HomeContent/Home/profile_techiefeelie.jpg) no-repeat; height:401px;}
#sidebartext{font:11px/16px Verdana, sans-serif; font-weight:bold; color:#969088;width:200px;margin-bottom:90px;}
#sidebartext img {margin-right:5px;}
.h2side{font:bold 14px Arial,Helvetica,sans-serif;color:#969088;}
.h2tips{font:bold 14px Arial,Helvetica,sans-serif;color:#69f;}
/* Main Content
----------------------*/
#mainContent{margin-top:12px;background:#FFF;font:11px/17px Verdana, Geneva, sans-serif;color:#6f685f;}
#mainContent li{list-style:disc outside none;margin-left:40px;}
#disclaimer{font:9px Verdana, Geneva, sans-serif;color:#6f685f;margin-bottom:51px;}
#cta{height:312px; background:url(https://www.esurance.com/HomeContent/Home/panel_cta.png);margin-top:10px;}
#spacer {height:42px;}
h2{font:bold 16px Arial, Helvetica, sans-serif;padding-bottom:10px;}
.logomarks{float:left;width:300px;display:block;}
ul#ESlogolist{list-style: none outside none;margin:0 auto; padding:0;}
ul#ESlogolist li {margin-left:0px;padding-top:35px;overflow:hidden;}
ul#ESwordlist{list-style: none outside none;margin:0 auto; padding:0;}
ul#ESwordlist li {margin-left:0px;padding-top:19px;overflow:hidden;}
ul#ESwordlist li + li + li + li + li + li + li + li + li + li + li + li {margin-bottom:200px;}
.wordmarks{float:left;}
/* Basic HTML
----------------------*/
body{font:13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;}
p{padding-bottom:15px;}
.line{margin:1px 0 1px 0;color:#cbc8c5;}
a{color:#69f;text-decoration:none;outline:none;}
a:focus{outline:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
/* Headings
----------------------*/
h2{font:bold 16px Arial, Helvetica, sans-serif;padding-bottom:10px;}
h3{font-size:21px;}
h4{font-size:19px;}
h5{font-size:17px;}
h6{font-size:15px;}
/* Spacing
----------------------*/
ol{list-style:decimal;}
#tree ul{ list-style:none; margin:0; padding-left:16px; zoom: 1;}
#tree li {margin:0;padding:0;}
#tree li a{ text-decoration:none; margin-bottom:5px;}
#tree ul li {list-style:none;font-weight:200;}
#tree li a:visited{text-decoration:none;}
#tree li a:hover{text-decoration:underline;}
#tree li a:active{text-decoration:underline;}

dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{vertical-align:baseline;}
sup{height:0;line-height:1;vertical-align:baseline;position:relative;}
sup{bottom:1ex;}
.classicsm {font:bold 11px/16px Verdana, Verdana, Geneva, sans-serif; color:#170939; margin-bottom:5px;}
#title{height:96px;}
#title_motorcycle{background:url(https://images.esurance.com/title_moto.png) no-repeat;position:absolute;margin-top:4px;width:700px;height:51px;top:30px;} /*   updated 6-4-2013 BG  */
#title_motorcycle img{margin-top:12px;}
#blurb{background:#FFF;}
#blurb img{margin-top:10px;}
#cta h1{color:#6f685f;font:18px Arial, Helvetica, sans-serif;padding:18px;} /*   updated 10-9-2012 BG  */
#orcall {color:#6f685f;font: bold 18px Arial, Helvetica, sans-serif;padding: 30px 18px 4px;} /*   updated 10-9-2012 BG  */
#orcall2 {color:#6f685f;font: bold 18px Arial, Helvetica, sans-serif;padding:5px 18px 5px;} /*   updated 10-9-2012 BG  */
#phonenumber {color:#6f685f;font: bold 18px Arial, Helvetica, sans-serif;padding: 0px 18px;} /*   updated 10-9-2012 BG  */
#phonenumber span {color:#170939;} /*   updated 10-9-2012 BG  */
#openhours {color:#6f685f;font:9px Verdana, Helvetica, sans-serif;padding:0px 18px 15px;} /*   updated 10-9-2012 BG  */
#mainContent h2{font:bold 16px Arial, Helvetica, sans-serif;padding-bottom:10px;color:#170939;}
#button {
  background: url("https://images.esurance.com/button_quote_collector.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 38px;
  left: 160px;
  padding: 0;
  position: absolute;
  top: 118px;
  width: 160px;
}/*   updated 10-9-2012 BG  */
#button:hover{background-position:0 -38px;} /*   updated 10-9-2012 BG  */
#button span{display:block;width:0;height:0;overflow:hidden;}
/* Side bar
----------------------*/
#sidebar{margin-top:-200px;}
.sidebartext{font:11px/16px Verdana, sans-serif;color:#969088;width:250px;margin-bottom:10px;} /*   updated 10-9-2012 BG  */

.h2side{font:bold 14px Arial,Helvetica,sans-serif;color:#969088;}
.h2tips{font:bold 14px Arial,Helvetica,sans-serif;color:#69f;}
#sidebar li {    list-style: disc outside none;    margin-left: 15px;} /*   updated 10-9-2012 BG  */
#sidebar #text_ourpartner {    color: #969088;    font: 11px/16px Verdana,Geneva,sans-serif; margin-bottom: 20px;}
#sidebar .product_side {
    margin-bottom: -10px;
    margin-left: 15px;
    width: 300px;
}
ul.blist li {
    list-style: disc outside none;
    margin-left: 15px;
}

/* Main Content
----------------------*/
#mainContent{margin-top:30px; margin-bottom:56px; width:630px;background:#FFF;font:11px/17px Verdana, Geneva, sans-serif;color:#6f685f;}
#mainContent li{list-style:disc outside none;margin-left:40px;}
#disclaimer{font:9px Verdana, Geneva, sans-serif;color:#6f685f;}
#disclaimer-top {font:9px Verdana, Geneva, sans-serif;color:#6f685f;margin-top:10px;}
#cta{height:312px; background:url(http://www.esurance.com/HomeContent/home/img/panel_cta.png);margin-top:10px;}
#box_whatmotorcyclecovers {background-image: url(https://images.esurance.com/bg_whatmotorcyclecovers.png); background-repeat: no-repeat;  padding: 29px 10px 25px 149px; margin-top:30px;} /*   updated 10-9-2012 BG  */

/* Basic HTML
----------------------*/
body{font:13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;}
p{padding-bottom:15px;}
.line{padding-bottom:6px;color:#cbc8c5; margin:0;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
/* Spacing
----------------------*/
ol{list-style:decimal;}
ul{list-style-type:none;margin-bottom:15px;}
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{vertical-align:baseline;}
sup{height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative;}
sup{bottom:1ex;}
/* Container
-----------------------*/

#container ul {
    margin-bottom: 10px;
}