#mainContent
{
   border:0;
   padding:0;
   height:auto;
   width:78.5555%;
   margin-bottom: 2em;
   margin-top: 5.2em;
}
#mainContent  h1 {
font-size: 2.4em;
clear: both;
color: rgb(255, 138, 0);
margin-bottom: 0.5em;
line-height: 1;
}
#mainContent p
{
    font-size:1.3em;
    margin-bottom:15px;
}
#video
{
    min-height:300px;
    background-color:#f7f8fa;
    border: 1px solid #c2cfdb;
    padding: 30px; 
    margin:0 auto 0;
}
#toolBar 
{
    width: 100%;
    clear: both;
    height: 7em;
    display: block;     
    margin: 2em 0 2em 0;
    }
#toolBar #shareTools {
margin: 0 0 0 !important;
width: 200px;
padding: .8em 16px .4em 16px;
border: 1px solid #c2cfdb;
display: block;
float: left;
}
#toolBar .commercialsBackLink {
float: right;
background: url('/content/images/Prog/chevron.gif') no-repeat 0 1.47555em;
padding-left: 13px;
padding-top: 1.3em;
font-size: 1.3em;

}

/*-------IE Styles-------------*/
.lt-ie7 #video
{
    width:600px;
}
.lt-ie7 #mainContent
{
    width:680px;
}
.lt-ie8 h1
{
    margin-bottom:0;
}
.lt-ie7 aside.valueProps
{
    float:left;
}
.quote{
    background: url(/content/images/shared/internalQS/bg-texture.png) repeat, rgb(251,251,251);
    background: url(/content/images/shared/internalQS/bg-texture.png) repeat, -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(244,244,244,1) 100%);
    background: url(/content/images/shared/internalQS/bg-texture.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(244,244,244,1)));
    background: url(/content/images/shared/internalQS/bg-texture.png) repeat, -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(244,244,244,1) 100%);
    background: url(/content/images/shared/internalQS/bg-texture.png) repeat, -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(244,244,244,1) 100%);
    background: url(/content/images/shared/internalQS/bg-texture.png) repeat, -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(244,244,244,1) 100%);
    background: url(/content/images/shared/internalQS/bg-texture.png) repeat, linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(244,244,244,1) 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -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);
    margin: 3.6em 0 0;
    width: 55%;
    clear: both;
}
.quote h3{
    color: #405e7c;
    text-align: center;
    font-family: "Humanist777BT-LightB", Arial, Verdana, Geneva, sans-serif;
    margin: 0;
}

.quote ul{
    text-align: center;
    clear: both;
}
.quote ul li{
    display: inline;
    font-size: 1.4em;
}
.quote ul li.agent{
    background: url(/content/images/shared/divider-gradient.png) no-repeat right center;
    background-size: contain;
}
.quote .button input
{
    font-size: 1.8em;
}
#retrievePosition {width: 100px; margin: 0 auto 1em auto;}
a.qsRetrieve {
    text-align: center !important;
    font-size: 1.3em;
}
.quote p {
    width: 82.397003745318352059925093632959%;
    margin: 0 auto 0 auto;
 }
.quote p small {
    line-height: 1px !important;
    font-size: 0.799em;
}
@media screen and (max-width: 751px) 
{
 #mainContent { width:100%;
 }
}
@media screen and (max-width: 700px) 
{
#video
{
    min-height: 200px;
}

.quote{
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        ms-box-sizing: border-box;
        padding: .9em 0 1.1em;
    }
    .quote h3{
        font-size: 2.5em;
    }
    .quote .quoteContainer, .quote #QS {
        margin: .7em 29px .3em;
    }
    .quote .zipCode{
        float: left;
        width: 34.482758620689655172413793103448%;
    }
    .quote .product{
        float: right;
        width: 61.206896551724137931034482758621%;
    }
    .quote .button
{
    clear: both;
    float: none;
}
    .quote ul
    {
        margin: 0 10px;
    }
    .quote ul li{
        font-size: 1.2em;
    }
    .quote ul li.agent{
        padding-right: 10px;
        margin-right: 5px;
    }
}
@media screen and (min-width: 700px) 
{
    .quote{
        margin-left: 11.315417256011315417256011315417%;
        padding: 2.2em 0 2.9em;
    }
    .quote h3{
        font-size: 3.3em;
    }
    .quote .quoteContainer, .quote #QS  {
        margin: 1.1em auto .4em;
        width: 82.397003745318352059925093632959%;
    }
    .quote .zipCode, .quote .product{
        float: left;
    }
    .quote .zipCode{
        width: 23.409090909090909090909090909091%;
        margin-right: 1.5909090909090909090909090909091%;
    }
    .quote .product{
        width: 36.590909090909090909090909090909%;
    }
    .quote .button{
        float: right;
        width: 36.590909090909090909090909090909%;
        margin-top: -0.25em;
    }
    .quote ul li.agent{
        padding-right: 15px;
        margin-right: 13px;
    }
}
@media screen and (max-width: 550px) 
{
 #toolBar 
{
    width: 100%;
    margin: 2em 0 2em 0;
    height: 12em;
    }
#toolBar #shareTools {
margin: 0 0 1.5em 0 !important;
padding: .8em 0 .4em 4%;
width: 96%;
clear: both;
}
#toolBar .commercialsBackLink {
padding: 15px 0 16px 4%;
width: 96%;
float: left;
text-align: left;
background: url('/content/images/prog/chevron.gif') no-repeat 15px 16px, rgb(244,244,244);
background: url('/content/images/prog/chevron.gif') no-repeat 15px 16px, -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(222,222,222,1) 100%);
background: url('/content/images/prog/chevron.gif') no-repeat 15px 16px, -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/prog/chevron.gif') no-repeat 15px 16px, -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%);
background: url('/content/images/prog/chevron.gif') no-repeat 15px 16px, -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%);
background: url('/content/images/prog/chevron.gif') no-repeat 15px 16px, -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%);
background: url('/content/images/prog/chevron.gif') no-repeat 15px 16px, linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%);
text-indent: 15px;
clear: both;
border: 1px solid #c2cfdb;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
}
@media screen and (max-width: 481px) 
{
.commercialsBackLink, #mainContent h1 {
float: none;
clear: both;
}
#shareTools {
margin: 2em 0 2em !important;
}
}