.spacer10                       { height:10px;display:block;}
/*body                            { margin:0; font-family:Arial, Helvetica, sans-serif;}*/
h1                              {font-size:2.25em;margin-bottom:25px;font-family:"PNC Sans Bold"} 
#recWrapper li                              { list-style:url(../images/gray-bullet.jpg); font-size:1em; margin:5px 0px 0px 0px;}
#recWrapper ul                              { margin:0px 0px 10px 0px; padding:0px 0px 0px 20px;}
#recWrapper p                               { font-size:1em;}
#recWrapper img                             { border:none;}


#resultsWrapper a               { color:#2769af; font-size:14px; text-decoration:none;}
#resultsWrapper .btn-blue a     { font-size:11px !important;color:#fff !important}
#resultsWrapper .btn-gray a     { font-size:11px !important;color:#484848 !important}
#resultsWrapper strong          { color:#484848; display:block;}

.clear                          { clear:both;}

#recWrapper                     { width:700px; margin:0 auto;}
#recContainer                   { position:relative; color:#484848; width: 63.45em; background:#3799d8; padding:0px 0px 0px 0px; overflow:hidden;}

#gray-area                      { width:74em; height:25px; background:url(../images/gray-top-desk.png);background-repeat:no-repeat;}
.blue-top                       { width:100%; min-height:80px; background:url(../images/blue-gradient.jpg) repeat-x; padding:0px 0px 10px 0px;}
.blue-top h1                    { color:#fff; font-size:24px; font-family:"PNC Sans", Arial, Helvetica, sans-serif; padding:15px 10px 10px 20px; margin:0;line-height:26px}
.blue-top p                     { color:#fff; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:0px 10px 0px 20px; margin:0;}
.blue-arrow                     { margin:0px 0px 0px 40px;}
#gray-content                   { background:#e1e1e1; padding:0px 20px 10px 20px}
.creditCard                     { float:left; margin:0px 15px 0px 0px; width:152px;}
.creditCard strong              { display:block; text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#767676; margin-top:5px;}
.lastCard                       { margin:0;}
.creditCard img                 { display:block; margin:0 auto;}

#intro                          { float:left; margin:0px 30px 0px 0px;}
#intro h1                       { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px; color:#2769af; margin:20px 0px 0px 0px;}
#intro p                        { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#767676; margin:0px 0px 0px 0px;}
#creditCardIcons                { margin:0px 0px 20px 0px;}

.busRecQuestion                     { clear:left; font-size:1em; font-weight:normal; font-family:Arial; padding:15px 0px 15px 10px; border-bottom:#636363 dotted 2px; margin:0px 0px 10px 0px;}
.busRecQuestion a                       { color:#3799d8; text-decoration:none;}
.busRecQuestion strong              { font-family:"PNC Sans", Arial, Helvetica, sans-serif; font-weight:bold; color:#2769af; font-size:18px;}
.busRecQuestion input                   { float:left; margin-bottom:5px;}
.questionText                   { float:left;}  

.getRecommendation              { display:block; margin-top:5px; padding:20px 20px 0px 0px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:24px; float:right; height: 26px; line-height: 26px;} 
.runRecommender                 { display:block; padding:20px 20px 0px 0px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:24px; float:right; height: 26px; line-height: 26px;}
.getRecommendation:hover, 
.runRecommender:hover           { color: #dedede;} 

.creditCardImg                  { margin:0px 0px 0px 0px; float:right;}
.applyNowLink                   { display:block; width:160px; padding:9px 0px 0px 0px; height:28px; background:url(../images/green-gradient.jpg) repeat-x; text-align:center; color:#fff !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-shadow:#467b16 1px 1px 7px; font-size:14px; border: solid 1px #75b85e; text-decoration:none; float:left;}
.comingSoonBug                  { display:block; width:96px; height:34px; background-image:url(../images/cominsoonbug.png); background-position:center center; background-repeat:no-repeat; }
.showMobile                     {display:none;}
.finePrint                      {color:#8c8c8c; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.finePrint a                    {color:#333; text-decoration:none;}
.resultScreen h2                {color:#2769af; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:15px;}
#disclosureContainer            {position:relative;display:inline}
.disclosure{
    font-size:10px;
    border:solid 1px #aaa;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background:#fff;
    padding:10px;
    width:150px;
    position:absolute;  
    right:0px;
    display:none;   
    -moz-box-shadow: 1px 1px 5px #888;
    -webkit-box-shadow: 1px 1px 5px #888;
    box-shadow: 1px 1px 5px #888;
}
.disclosure p{
    margin-bottom:5px;
}
.disclosureLink{
    float:none;
    text-decoration:none;
    color:#3799d8;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}
.close                      {display:none;}
#blue-bottom                    {background:url(../images/blue-bottom-desk.png) no-repeat; height:25px;width:74em;}
input[type='radio']             {margin-right:10px;cursor:pointer;}
/*Mobile*/
@media only screen and (max-width: 767px) {
    #recWrapper                 {width:300px; margin:0 auto;}
    #creditCardIcons            {display:none;}
    .blue-top                   {text-align:center;}
    .blue-top h1                {font-size:24px; padding:15px 0px 5px 10px; text-align:left; }
    .blue-top p                 {padding:0px 10px 0px 10px; text-align:left;}
	#blue-bottom				{width:auto;}
    .busRecQuestion strong          {font-size:16px; margin:0px 0px 10px 0px;}
    .applyNowLink               {margin:0 auto;}
    .runRecommender             {padding:20px 0px 0px 0px; font-size:20px; float:none; text-align:center;}
    .runRecommender img         {margin-bottom:-3px;}
    .getRecommendation          {padding:20px 0px 0px 0px; font-size:20px; float:none; text-align:center;}
    .getRecommendation img      {margin-bottom:-3px;}
    .busRecQuestion                 {padding-left:0px; margin:0px 0px 10px 0px;}
    .questionText               {float:left; width:230px;}  
    #_q1-2                      {margin-left:0px;}
    #_q1-1                      {margin-left:0px;}
    .showMobile                 {display:block;}
    .creditCardImg              {float:none; display:block;}
    .resultScreen h2            {margin-top:10px;}
    .close                      {display:block;}
    #gray-area                  {background:url(../images/img/gray-top-mobile.png);background-repeat:no-repeat;}
    #blue-bottom                {background:url(../images/blue-bottom-mobile.png);background-repeat:no-repeat;}
    #recContainer                {width:300px;}
    #gray-area                  {width:300px; height:25px; background:url(../images/gray-top-mobile.png);background-repeat:no-repeat;}
    h1                                                  {line-height: 1em;}
}
/*Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #recContainer                               {width:700px;}
    #gray-area                  {background:url(../images/gray-top-tablet.png);background-repeat:no-repeat; width:auto;}
    #blue-bottom                {background:url(../images/blue-bottom-tablet.png);background-repeat:no-repeat; width:auto}
}