﻿/* Using padding bottom to not interfere with margin bottom of child elements */



#mma .imageWrap{
    overflow: hidden;
    text-align: center;
    height: 140px;
    background:  bottom center no-repeat;
    background-size: cover;
}

@media screen and (min-width: 481px){
    #mma .imageWrap{
        margin-top: 5em;
    }
}




#content{
    margin-bottom: 3em;
}
#content header{
  padding-bottom: 1em;
}
    
#content p, #content li, #content td{
  font-size: 1.3em;
  line-height: 1.4615384615384615384615384615385;
}
#content p{
  padding-bottom: 1.5384615384615384615384615384615em;
}
#content p a, #content ul li a{
  text-decoration: underline;
}
#content p a:visited, #content ul li a:visited{
  color: #7faadb
}
#content h1{
  font-size: 2.4em;
  color: #ff8a00;
  margin-bottom: 0.5em;
  line-height: 1;
}
#content h2, #content h3, #content h4{
  font-family: "Humanist777BT-BoldB", Arial, Verdana, Geneva, sans-serif;
}
#content h2{
  font-size: 1.6em;
  color: #092a4f;
  margin-bottom: 0.75em;
}
#content h3, #content dt{
  font-size: 1.4em;
  color:#092a4f;
  margin-top: 0.28571428571428571428571428571429em;
  margin-bottom: 0.35714285714285714285714285714286em;
}
#content dt {
	padding-top: 1.5em;
}
#content h4, #content dd{
  font-size: 1.3em;
}

#content blockquote{
  margin-left: 20px;
  margin-bottom: 1.63em;
  font-size: 1.3em;
}

#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: 1.5em;
}
#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;
}
/* ------------------------------------------------------------------------------------------------------------- Ordered/Numeric List */
ol {
list-style-type: decimal;
padding: 0 0 .1em 27px;
}
ol li {
margin-bottom: 1.3846153846153846153846153846154em;
}
/* ------------------------------------------------------------------------------------------------------------------- Contextual Nav */
#content .contextualNav {
  padding-bottom: 18px;
}
#content .contextualNav li{
  margin: 0 0 0.61538461538461538461538461538462em 0;
}
#content .contextualNav li a{
    text-decoration: none;
}
#content .contextualNav li a:hover{
    text-decoration: underline;
}

/* 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;
  font-size: 1.2em;
  margin: 0.3333333333333em 0 3.25em;
}

/*-------------------------------------------------------------------------------------------------------------------- TABLE STYLES
/shop/car-insurance-disclaimers-*       */
#content table.tableWithBorder {
  border-bottom: 1px solid #CCC;
  margin-bottom: 1.63em;
}
#content table.tableWithBorder td, #content table.tableWithBorder th {
  padding: 8px;
  border-top: 1px solid #CCC;
  text-align: left;
}
#content table.tableWithBorder th {
  font-size: 1.4em;
  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 header.articleHeader img.mma
{
    margin-bottom:20px;
}
#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: 11px;
}


/*------------------------------Misc-----------------------------------------------*/
 #content .rssSubscribe {
    background:url('/content/images/shared/icons/rss.png') no-repeat;
    padding-left:26px;
    padding-top:3px;
    padding-bottom:3px;
    display:block;
}

/* Chevron Button --------------------------------------------------------*/
.chevronButton{
    padding: 13px 5px 13px 30px;
    text-align: left;
    background: url('/content/images/shared/icons/caret.png') no-repeat 14px center rgb(244,244,244);
    background: url('/content/images/shared/icons/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/shared/icons/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/shared/icons/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/shared/icons/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/shared/icons/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/shared/icons/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/shared/icons/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.3em;
}