/******************
Calculator Styles
*******************/
#calc-wrapper .spacer20                     {height:20px;}
#calc-wrapper body                          { margin:0;}
#calc-wrapper #range-slider                 { margin:0px 0px 0px 0px;}
#calc-wrapper                   { width:560px; margin:0 auto;}
#calc-wrapper #intro h1                     { color:#f49536; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:25px;}
#calc-wrapper #intro p                      { color:#484848; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#calc-wrapper h4                                { color:#006bab;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; text-align:center }
#calc-wrapper .clear                            { clear:both;}
/*
#slider                         {margin:10px 0px 0px 0px; width: 310px; height: 20px; position: relative; 
                                 background:url(../images/slider-bg.jpg) no-repeat; 
                                 cursor: pointer; border: none;}
*/
#calc-wrapper #disclaimer                       { font-family:Arial, Helvetica, sans-serif; color:#484848; font-size:11px;} 
#calc-wrapper #disclaimer   a                   { font-family:Arial, Helvetica, sans-serif; color:#006cab; font-size:11px; text-decoration:underline;}
#calc-wrapper #disclaimer   a:hover             { text-decoration:none;}       
#calc-wrapper #sliderLeft, #sliderRight         { width: 22px; height: 20px; position: absolute; top: 10px; cursor: pointer; z-index: 1; }
#calc-wrapper #sliderLeft                   { left: 0; background: url('../img/sliderLeft.gif'); }
#calc-wrapper #sliderRight                  { left: 288px; background: url('../img/sliderRight.gif'); }
/* progress bar (enabled with progress: true) */
#calc-wrapper .progress {
    height: 9px; 
    background-color: #C5FF00; 
    display: none;
    opacity: 0.6;
}
/* drag handle */
#calc-wrapper .handle {
    margin-top: 1px;
    width: 18px;
    height: 32px;
    position: absolute;
    top: -6px;
    background: url('../img/handle.jpg') no-repeat; 
    display: block; 
    border: none;
    cursor: pointer;
    z-index: 10;
}
/* the input field */
#calc-wrapper .range        { margin: 0 0 0 15px; padding: 3px 0; width: 75px; border: 1px inset #ddd;
            font-size: 30px; color: #0069aa;  font-weight: bold; text-align: center; float: left; }
#calc-wrapper .range        {
            margin-bottom: -30px; padding: 5px 10px 5px 15px; position: relative; top: -110px; left: 193px; border: 1px solid #d6d6d6;
            background:url('../img/range_bg.gif') top left no-repeat; text-align: left; }

#calc-wrapper #slider_box           {width:320px; margin:0 auto;}
#calc-wrapper #slider_box>div       {position: relative; left: 0; top: 0;}
#calc-wrapper .slider_desc          {width: 162px;float:left; margin:0px 50px 0px 0px;}
#calc-wrapper #slider-amount            {width:90px; height:35px; float:left; border:solid 1px #d6d6d6; margin:10px 0px 0px 0px; padding:5px; 
                        font-size:30px; color:#006bab; font-family:Arial, Helvetica, sans-serif; font-weight:bold;line-height:35px}
                                 
#calc-wrapper #slider-amount sup        {color:#d6d6d6; font-size:15px; margin-right:5px;}
#calc-wrapper small                     {font-size: 12px; color:#484848; font-family:Arial, Helvetica, sans-serif;}

#calc-wrapper #options          { border: 1px solid #ccc; border-collapse: collapse; margin-top:0px; width:100%; font-family:Arial, Helvetica, sans-serif; }
#calc-wrapper #options>th       { width: 50%; }
#calc-wrapper #options th       { height: 40px; background-color: #e6e6e6; font-size: 14px; color: #474747; border: 1px solid #ccc; text-align:left; padding:10px 0 5px 10px; }
#calc-wrapper #options td       { padding:10px 5px 10px 10px; height: 40px; border: 1px solid #ccc; vertical-align: middle; font-size:11px; }
#calc-wrapper #options .center  { text-align:center; padding:0; }
#calc-wrapper #options .getback { width:100px; }
#calc-wrapper hr                    { margin-top: 15px; margin-bottom: 15px; height: 1px; width: 100%; border: 0; background-color: #ccc; }
#calc-wrapper #estimate             { margin: 20px 0; padding: 0; clear: both; }
#calc-wrapper h2.estimate_header    { margin-top: 8px; }
#calc-wrapper #cash_back_box        { padding: 5px 0 15px; width: 100%; border: 1px solid #ccc; background: #f2f2f2; float: left; margin:20px 0; }
#calc-wrapper .yearlySpend      { color:#484848; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; }
#calc-wrapper .cb_prompt            { margin: 0 auto; width: 240px; text-align: center; }
#calc-wrapper .money_back       { margin: 5px 0; font-size: 18px; text-align: center; color:#484848; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#calc-wrapper div#top           { border: none; }
#calc-wrapper .cta_link_top         { padding-top: 20px; }
#calc-wrapper .cta_link_bottom  { padding-bottom: 20px; }
#calc-wrapper .cb, .cb2, .cb3   { font-weight: bold; }
#calc-wrapper .cb               { font-size: 30px; }
#calc-wrapper .cb2              { font-size: 16px; font-family:"Arial Black", Gadget, sans-serif; }
#calc-wrapper .cb3              { font-size: 16px; display:block; }
#calc-wrapper .cb, .cb2, .cb3   { color: #0069aa; }

/*Mobile*/
@media only screen and (max-width: 767px) {
    #calc-wrapper                   {width:300px; margin:0 auto;}
    #calc-wrapper .slider_desc                  {width: 160px;float:left; margin:0px 20px 0px 0px;}
    #calc-wrapper #range-slider                 {max-width:250px; margin:0 auto; margin-top:20px;}
    #calc-wrapper .yearlySpend                  {text-align:center;}
    #calc-wrapper #slider_box                       {width:100%;}
}
/*Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}