﻿body                { font-family: Verdana; font-size: 9pt; }

.clear              { clear: both; } 

#holder,
#background         { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
#background         { background: #222; z-index: -1; }
#holder             { background: none; z-index: 10; }
#container          { position: absolute; top: 50%; left: 50%; width: 790px; height: 570px; background: none; }

#contents           { position: relative; top: -50%; left: -50%; width: 790px; height: 570px; overflow: hidden; background: none; }
#contents.cce       { background: url(../Images/cce_01.png) no-repeat; }
#contents.cag       { background: url(../Images/cag_01.png) no-repeat; }
#contents.nce       { background: url(../Images/nce_02.png) no-repeat; }
#contents.nag       { background: url(../Images/nag_02.png) no-repeat; }
#contents.home      { background: url(../Images/land_closed.png) no-repeat; width: 800px; height: 600px; }

/*a.cce, a.cag, a.nce, a.nag { width: 199px; height: 103px; position: absolute; top: 496px; }
a.cce               { left: 200px; background: none; }
a.cag               { left: 1px; background: none; }
a.nce               { left: 600px; background: none; }
a.nag               { left: 400px; background: none; }
*/
#Rebate_1           { top:  86px; left: 625px; width: 135px; height:  32px; display: block; position: absolute; background: none; }
#Finance_1          { top: 392px; left: 257px; width: 263px; height: 132px; display: block; position: absolute; background: none; }
#Dealer_1           { top: 392px; left: 0px;   width: 263px; height: 132px; display: block; position: absolute; background: none; }
#Download_1         { top: 392px; left: 521px; width: 263px; height: 132px; display: block; position: absolute; background: none; }
#Learn_1            { top: 535px; left: 558px; width: 223px; height:  12px; display: block; position: absolute; background: none; }


#modalBackground    { z-index: 100; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #333; opacity: 0.5; filter: alpha(opacity=50); display: none; }

.modal              { z-index: 101; position: absolute; top: 0px; right: -550px; background: #fff; display: block; overflow: hidden; border: 3px solid #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 530px; height: 386px; }
/**.modal .contents    { width: inherit; height: inherit; position: relative; top: -50%; left: -50%; display: block; background: #fff; }**/
.modal .close       { position: absolute; top: 5px; right: 5px; width: 50px; height: 12px; background: none; text-align: center; text-decoration: none; font-size: 8pt; color: #000; }
.modal .copy        { font-family: Verdana; font-size: 10pt; color: #666; }
.modal .contents .questions{ padding: 45px 20px 20px 20px; display: block; width: 550px; }
.modal .left        { width: 185px; display: block; float: left; margin: 20px 15px 0px 15px; }
.modal .right       { width: 275px; display: block; float: left; margin: 20px 15px 0px 15px; }



#modalRebate        { height: 564px }
#modalRebate .rebate_rules { width: auto; height: 130px; overflow: scroll; display: block; font-size: 8pt; float: left; margin: 20px; padding: 0px 10px 0px 10px; border: 1px solid #000; }


#modalFinance       {  }
#modalFinance .contents { padding: 55px 20px 20px 20px; display: block; width: auto; height: auto; }
#modalFinance .copy { width: auto; height: 300px; background: #f7f7f7; overflow: scroll; display: block; font-size: 8pt; }



.question           { width: 100%; display: block; margin: 0px; float: left; background: none; margin-bottom: 6px; }
.question label     { width: 85px; text-align: left; display: block; float: left; font-size: 8pt; background: none; margin-top: 3px; }
.question .answer   { width: auto; text-align: left; display: block; float: left; }
.question .answer input[type="text"]    { width: 80px; margin: 0px 0px 0px 3px; }
.question .answer select                { width: 130px; margin: 0px 0px 0px 3px; }
.question .answer input[type="checkbox"]       { margin-left: 10px; }
.question .validator{ width: auto; text-align: left; display: block; float: left; padding-top: 2px; font-size: 8pt; }
.question table label,
.modal .right .question .answer table label { width: auto; margin-right: 2px; !important;  }
.modal .right .question label { width: 125px; }

fieldset { padding: 0px; margin: 0px; border: none; }



#footer_questions   { width: auto; margin: 0px 20px 0px 20px; display: block; }
#footer_questions .question label   { width: auto; margin-right: 10px; }
#footer_questions .question         { width: auto; float: none; display: block; clear: both; margin-right: 20px; }