﻿#content .quote#claims {
    background: rgb(226,232,238);
    background: -moz-linear-gradient(-45deg,  rgba(226,232,238,1) 0%, rgba(190,205,227,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(226,232,238,1)), color-stop(100%,rgba(190,205,227,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(226,232,238,1) 0%,rgba(190,205,227,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(226,232,238,1) 0%,rgba(190,205,227,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(226,232,238,1) 0%,rgba(190,205,227,1) 100%);
    background: linear-gradient(135deg,  rgba(226,232,238,1) 0%,rgba(190,205,227,1) 100%);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0px 5px 8px 2px rgba(222, 223, 223, .37);
    box-shadow: inset 0px 5px 8px 2px rgba(222, 223, 223, .37);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    ms-box-sizing: border-box;
    clear: both;
}
#content .quote#claims .ols
{
    padding: 1.1em 4% 0;
}
#content .quote#claims h3{
    color: #405e7c;
    text-align: center;
    font-family: "Humanist777BT-LightB", Arial, Verdana, Geneva, sans-serif;
    margin: 0;
}
#content .quote#claims .button {
    font-size: 1.8em;
    float: none;
    clear: both;
    margin: 0 auto 1em;
    max-width: 180px;
    width: 60%;
}
#content .quote#claims .button .lock {margin-top: -0.366em;}
#mma .olsWrap .olsTrack ul, #body .callToAction .olsTrack ul
{
  text-align: center;  
 }
#content .quote#claims .olsTrack ul li{
    display: inline;
    font-size: 1.3em;
    color: #405e7c;
}
#content .quote#claims .olsTrack li#trackClaim
{
    background: url(/content/images/prog/chevron.gif) left 3px no-repeat;
    padding-left: 14px;
    margin-left: 10px;
    text-decoration: none;
}
#content aside.promotional
{
    margin: 1em auto 5.5em auto;
    padding-top: 3.5em;
    clear: both !important;
    width: 90%; 
    background: url(/content/images/shared/horizontal-hairline-gradient.png) top center no-repeat;
    background-size: contain;
}
#content aside.promotional h5, aside.promotional h5 p
{
    text-align: left;
    font-family: Humanist777BT-LightB, Arial, Verdana, sans-serif;
}
#content aside.promotional  h5
{
  font-size: 2.4em;
  color: #ff8a00;
}
#content aside.promotional p
{
  font-size: 1.2em;
}
#content aside.promotional .bulletList
{
  font-size: 0.923em;
}
#content aside.promotional .bulletList li
{
  font-size: 1.3em;
  margin-bottom: 1em;
}
#content aside.promotional .lowerHairline 
{
    background: url(/content/images/shared/horizontal-hairline-gradient.png) bottom center no-repeat;
    background-size: contain;
    height: 2.5em;
    clear: both;  
}
@media screen and (max-width: 700px) 
{
    
    #content .quote h3{
        font-size: 2.5em;
    }
 .quote .button
{
    clear: both;
    float: none;
}
   }
@media screen and (min-width: 701px) 
{
    #content .quote h3{
        font-size: 3.3em;
    }
    #content .quote .button{
        float: none;
    }
}