/*-----------------Pulled from Prog-Generic CSS END----------------*/
body {
	font-size:10px;
}
.wrap {
    max-width:1000px;
}
.wrap.home {
    max-width: 1270px;
}
.wrap:not(.home) #content {
    margin-bottom: 3em; 
    margin-top: 2vw;
    min-height:350px;
}

#header{
    margin-bottom:4em;
    -webkit-box-shadow: 0 1px 8px rgba(50,50,50,.35);
-moz-box-shadow: 0 1px 8px rgba(50,50,50,.35);
box-shadow: 0 1px 8px rgba(50,50,50,.35);
clear: both;
background: #f6f6f6;
background: #f6f6f6 url(/content/images/DomainDrive/shelf-gradient.png) repeat-x top left;
background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 4%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(4%,rgba(246,246,246,1)));
background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(246,246,246,1) 4%);
background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(246,246,246,1) 4%);
background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(246,246,246,1) 4%);
background: linear-gradient(to bottom, rgba(220,220,220,1) 0%,rgba(246,246,246,1) 4%);
z-index:1000;
position:relative;
}

#header .progLogo {    
   width:227px;
}

#header .headerCopy
{
    float:right;
    font-size:1.6rem;
    color:#4e4e4e;
    font-family:"Humanist777BT-BoldB", Arial, Verdana;
    padding-top:1.5em;
}

#content .button input, #content .button a, #content .primary .button input, #content .primary .button a {
    border: 1px solid #516b78;
    color: #fff;
    background: rgb(91,117,130); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(91,117,130) 0%, rgb(80,106,119) 41%, rgb(72,98,111) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(91,117,130)), color-stop(41%,rgb(80,106,119)), color-stop(100%,rgb(72,98,111))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(91,117,130) 0%,rgb(80,106,119) 41%,rgb(72,98,111) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(91,117,130) 0%,rgb(80,106,119) 41%,rgb(72,98,111) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(91,117,130) 0%,rgb(80,106,119) 41%,rgb(72,98,111) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(91,117,130) 0%,rgb(80,106,119) 41%,rgb(72,98,111) 100%); /* W3C */
}

#content .secondary .button input, #content .secondary .button a {
    border: 1px solid #a3bac6;
    color: #fff;
    background: rgb(157,181,194); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(168,190,201) 0%, rgb(157,181,194) 40%, rgb(161,185,197) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(168,190,201)), color-stop(40%,rgb(157,181,194)), color-stop(100%,rgb(161,185,197))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(168,190,201) 0%,rgb(157,181,194) 40%,rgb(161,185,197) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(168,190,201) 0%,rgb(157,181,194) 40%,rgb(161,185,197) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(168,190,201) 0%,rgb(157,181,194) 40%,rgb(161,185,197) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(168,190,201) 0%,rgb(157,181,194) 40%,rgb(161,185,197) 100%); /* W3C */
    text-shadow: 1px 1px 4px #3A4E55;
}
#content a, #content a:hover, #content a:visited, #content a:active
{
    color:#336699;
}

#content p a
{
    text-decoration:underline;
}
#content p a:hover {
    text-decoration: none;
}

/*-----------------Pulled from Prog-Generic CSS START----------------*/
#content h1 {
    line-height: 1;
    font-size: 5.4rem;
    font-family: "Humanist777BT-BoldB", Arial, Verdana;
    margin-bottom: 0.5em;
    color: #2f637e;
}
#content h3, #content h4 {
  font-family: "Humanist777BT-BoldB", Arial, Verdana, Geneva, sans-serif;
}
#content h2,
#content .h2-style {
    font-family: "Humanist777BT-LightB", Arial, Verdana, Geneva, sans-serif;
    font-size: 3.6rem;
    color: #092a4f;
    margin-bottom: 0.75em;
    padding-bottom: 0;
}

#content h1 + h2,
#content h1 + .h2-style {
    margin-top: 1.5em;
}

#content h3,
#content .h3-style {
    font-family: "Humanist777BT-BoldB", Arial, Verdana, Geneva, sans-serif;
    font-size: 2.4rem;
    color: #092a4f;
    margin-top: 0.28571428571428571428571428571429em;
    margin-bottom: 0.35714285714285714285714285714286em;
}
#content p + h3,
#content p + .h3-style {
    margin-top: 1em;
}

#content .h3-style.bottom-padding {
    margin-bottom: 1.1em;
}
#content h4,
#content .h4-style {
    font-family: "Humanist777BT-BoldB", Arial, Verdana, Geneva, sans-serif;
    font-size: 1.8rem;
    color: #666;
    margin: 0px;
}
#content blockquote{
  margin-left: 20px;
  margin-bottom: 1.63em;
  font-size: 1.6rem;
}
#content .styleReset p, #content .styleReset li, #content .styleReset td, #content .styleReset h1, #content .styleReset h2, #content .styleReset h3, #content .styleReset h4 {
  font-size: 1em;
  line-height: normal;
  color: #666;
  margin: 0;
}
/* Reset to mitigate em inheritance issues */
#content li li, #content li p, #content td p, #content blockquote p, #content p li, #content li h1, #content li h2, #content li h3, #content li h4, #content li h5 {font-size:1em}

/* 

/* ------------------------------------------------------------------------------------------------------------- Bullet List */
#content h3+ul, #content h4+ul, #content h3+ol, #content h4+ol, #content h4+h4 {
	margin-top: 1em;
}
#content .bulletList
{
  padding: 0 0 .1em 27px;
}
#content .bulletList li{
  list-style: disc;
  margin-bottom: 1.3846153846153846153846153846154em;
}
#content .bulletList li ul {
	padding: 1.4em 0 .1em 27px;
}
#content .bulletList li li {
	list-style-type: circle;
}
#content .bulletList li li li {
	list-style-type: square;
}
#content .nobullets {
    margin-top: 2em;
    padding-left: 2vw;
}
#content .nobullets + h2 {
    margin-top: 0.75em;
}
#content .nobullets > li {
    list-style: none;
}
#content .nobullets li h3 {
    font-size: 2.4rem;
    margin-top: 5px;
}
/* ------------------------------------------------------------------------------------------------------------- Ordered/Numeric List */
ol {
list-style-type: decimal;
padding: 0 0 .1em 27px;
}
ol li {
margin-bottom: 1.3846153846153846153846153846154em;
}

#content ul.jargon-terms li,
#content ul.browser-incompatibilities li {
  padding-bottom: 1.65em;
  color: #666;
}

#content ul.jargon-terms h3,
#content ul.browsers-settings h3,
#content ul.browser-incompatibilities h3{
  font-size: 1em;
  color: #666;
  margin: 0px;
  width: auto;
  display: inline-block;
  margin-right: 0px;
}

#content ul.jargon-terms h3{
  margin-right: 8px;
}

#content ul.browser-incompatibilities li:first-of-type {
  padding-bottom: 0;
}

#content ul.browser-incompatibilities h3.float-left {
    float: left;
    margin-right: 4px;
}

#content ul.browsers-settings li{
  padding-bottom: 1.55em;
  color: #666;
}

#content ul.browsers-settings li.no-bottom-padding{
  padding-bottom: 0;
}

#content ul.browsers-settings li ul.bulletList{
  margin-bottom: 1em;
}

#content ul.browsers-settings li ul.bulletList li{
  font-size: 1em;
  padding-bottom: 0;
}

/* ------------------------------------------------------------------------------------------------------------------- Contextual Nav */
#content .contextualNav {
  padding-bottom: 18px;
}
#content .contextualNav li{
  margin: 0 0 0.61538461538461538461538461538462em 0;
}

/* Uses inline-block but falls back to block for IE and other unsupported ---------------------------------------------- Back to Top */
article#content a.backToTop{
  background:url('/Content/images/shared/icons/back-to-top-arrow.png') no-repeat left top;
  padding: 0 0 0 18px;
  display: block;
  display: inline-block;
  margin: 0.3333333333333em 0 3.25em;
}

/*-------------------------------------------------------------------------------------------------------------------- TABLE STYLES
/shop/car-insurance-disclaimers-*       */
#content table.tableWithBorder {
  border-bottom: 1px solid #747474;
  margin-bottom: 1.63em;
}
#content table.tableWithBorder td, #content table.tableWithBorder th {
  padding: 8px;
  border-top: 1px solid #747474;
  text-align: left;
}
#content table.tableWithBorder th {
  font-size: 1.6rem;
  font-family: "Humanist777BT-BoldB", Arial, Verdana, Geneva, sans-serif;
  color: #092A4F;
}
#content td.gray {
  background-color: #E0E7ED;
}

/*-------------------------------------------------------------------------------------------------------------------- IMAGE STYLES */
#content .inlineImage {
  max-width: 50%;
}
#content .inlineImage.right {
  float: right;
  padding-left: 1em;
}
#content .inlineImage.left {
  float: left;
  padding-right: 1em;
}

/* ----------------------------------------------------------------------------------------- THESE CHANGES HAVE NOT BEEN ADDRESSED FOR RESPONSIVE */

#content .chevronLink
{
    display:block;
    background:url('/Content/images/prog/chevron.gif') no-repeat 0 1px;
    padding-left:15px; 
}
#content ol.circleBullets 
{
   	margin-left: 0;
    padding-left: 0;
    list-style:none;
}
#content ol.circleBullets  li.one, article#content ol.circleBullets  li.two, article#content ol.circleBullets  li.three
{			
    background: url('/Content/images/auto/rounded-bullet-one.gif') no-repeat;
    padding-left:40px;
}
#content ol.circleBullets  li.two{background:url('/Content/images/auto/rounded-bullet-two.gif') no-repeat;}
#content ol.circleBullets  li.three{background:url('/Content/images/auto/rounded-bullet-three.gif') no-repeat;}

#content .promo ul.bulletList
{
    margin: 0 0 10px 120px;
}
#content .promo ul.bulletList li
{
    margin-bottom: 2px;
}
#content .promoBreak{
    padding: 15px 0;
    border-top: solid 1px #CBD6DF;
    border-bottom: solid 1px #CBD6DF;
    margin: 0 0 20px 0;
    position: relative;
}
#content .promoBreak .articleContinues{
    text-align: center;
    position: absolute;
    top: -10px;
    width: 100%;
}
#content .promoBreak .articleContinues span{
    background: #fff;
    padding: 0 6px;
    color: #0056B7;
    font-size: 1.4rem;
}


/*------------------------------Misc-----------------------------------------------*/
 #content .rssSubscribe {
    background:url('/content/images/shared/icons/rss.png') no-repeat;
    padding-left:26px;
    padding-top:3px;
    padding-bottom:3px;
    display:block;
}
 #content .wrap-link {
     word-break: break-all;
 }

/* Chevron Button --------------------------------------------------------*/
.chevronButton{
    padding: 13px 5px 13px 30px;
    text-align: left;
    background: url('/content/images/DomainDrive/caret.png') no-repeat 14px center rgb(244,244,244);
    background: url('/content/images/DomainDrive/caret.png') no-repeat 14px center, rgb(244,244,244) repeat-x bottom url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRF9PT07e3t39/f6enp6+vr3t7e5eXl5+fn4+Pj4uLi4eHh4ODg7Ozs7+/v5OTk5ubm6urq8vLy7u7u6Ojo4No7VgAAAC5JREFUeNqMwQkCgBAAALClIoqu//+VJ9iY9qo+y3jZPFa/5BY1h6w4hXHvAgwAEe0AwqHdJ4EAAAAASUVORK5CYII=);
    background: url('/content/images/DomainDrive/caret.png') no-repeat 14px center, -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(222,222,222,1) 100%);
    background: url('/content/images/DomainDrive/caret.png') no-repeat 14px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(222,222,222,1)));
    background: url('/content/images/DomainDrive/caret.png') no-repeat 14px center, -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%);
    background: url('/content/images/DomainDrive/caret.png') no-repeat 14px center, -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%);
    background: url('/content/images/DomainDrive/caret.png') no-repeat 14px center, -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%);
    background: url('/content/images/DomainDrive/caret.png') no-repeat 14px center, linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%);
    border: 1px solid rgb(194, 207, 219);
    border-radius: 9px;
    display: block;
    font-size: 1.6rem;
}

/*-------------------------Pulled from Prog-Generic CSS END------------*/

#content .col h2
{
    font-weight:normal;
    font-family:"Humanist777BT-LightB", Arial, Verdana;
    color:#2f637e;
    margin-bottom:1em;
    padding-left:0.2em;
    padding-top:0.3em;
}
#content p, #optout-form fieldset {
    font-size: 1.6rem;
    line-height: 1.6;
    padding-bottom: 1.5384615384615384615384615384615em;
}

#content ul li, #content ol li
{
    font-size:1.6rem;
}
#content p a, #content ul.contextualNav li a, #content ul.contextualNav li a:hover
{

    line-height: 1.4615384615384615384615384615385;
    color:#2f637e;
}

#content p a:visited, #content ul.contextualNav li a:visited, #content ul.contextualNav li a:active
{
    color:#5b6d7c;
}

#footer .legalFooter, #footer nav
{    
    margin:0;
}
#footer #verisign
{
    margin-right:0;
}
.legalFooter .custService {
    font-size:1.4rem;
    margin-bottom:1.5em;
}
.legalFooter .custService a{
    font-size:1.4rem;
    font-family:"Humanist777BT-BoldB",Arial,Verdana,Geneva,sans-serif;
}

#footer .legalFooter .copyright
{
    margin-bottom:0;
    font-family: "Humanist777BT-RomanB",Arial,Verdana,Geneva,sans-serif;
    font-size: 1.4rem;
}
#footer .helpNav
{
    margin-top:1.7em;
    width:100%;
}
#footer .helpNav li
{
    
    float:left;
    padding-right:22px;
    margin-right:16px;
    background-image:url("/content/images/DomainDrive/slash.png");
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:50%;
    background-color:transparent;
    
}


/****************************************************************************************************970px**********************************/
@media screen and (max-width: 970px) {
    #content h1 {
        font-size: 4.7rem;
    }

    #content h2,
    #content .h2-style {
        font-size: 3.1rem;
    }

    #content h3,
    #content .h3-style {
        font-size: 2.2rem;
    }

    #content .nobullets li h3 {
        font-size: 2.2rem;
    }

/****************************************************************************************************780px**********************************/
@media screen and (max-width: 780px) {
    #content h1 {
        font-size: 3.9rem;
    }
    #content h2,
    #content .h2-style {
        font-size: 2.7rem;
    }
    #content h3,
    #content .h3-style {
        font-size: 2rem;
    }
    #content .nobullets {
        margin-top: 0;
    }
    #content .nobullets li h3 {
        font-size: 2rem;
    }
    #content h4, #content .h4-style {
        font-size: 1.7rem;
    }
}

/****************************************************************************************************770px**********************************/
@media screen and (max-width: 770px) 
{
    #header .progLogo
    {
        width:200px;
    }
}

/****************************************************************************************************670px**********************************/
@media screen and (max-width: 670px) {
    #content h1 {
        font-size: 3.2rem;
    }
    #content h2,
    #content .h2-style {
        font-size: 2.2rem;
    }
    #content h3,
    #content .h3-style {
        font-size: 1.8rem;
    }
    #content .nobullets li h3 {
        font-size: 1.8rem;
    }
    #content h4, #content .h4-style {
        font-size: 1.6rem;
    }
}

/****************************************************************************************************537px**********************************/
@media screen and (max-width: 537px) 
{
    #footer #verisign
    {
        clear:both;
        float:none;
        text-align:left;
    }
   
    
}
/****************************************************************************************************497px**********************************/
@media screen and (max-width: 497px) 
{
    #header {
        padding-bottom: 1.5em;
        padding-top: 1.5em;
    }  
    
}
/****************************************************************************************************480px**********************************/
@media screen and (max-width: 480px) 
{
    #header .headerCopy
    {
        float:none;
        display:block;
        padding-top:0.5em;
    }
    #content h1
    {
        font-size:3.3em;
    }
}

/****************************************************************************************************332px**********************************/
@media screen and (max-width: 332px) 
{
    #header .headerCopy
    {
        font-size:1.4rem;
        padding-top:0;
    }
   
    #header .progLogo img {
        width: 85%;
    }
}