p.introSpaced {padding: 10px 0;}

/* STEP #1 CONFIGURATION SELECTION */

div#spnForm {float: left; width: 450px;margin-right: 12px;}
div#spnForm h2 {margin-top:15px;padding: 6px 0 6px 28px; font-size: 15px; color: #666; background: url(spn-h2-bg.jpg) 0px 7px no-repeat; border-top: dotted 1px #999;}

/* STEP #2 DATA ENTRY & RESULTS */

div.spnEntry {margin: 10px 0 0 0;}
div.spnEntry form {margin: 10px 0 0 0; background-color: white;padding: 1px;}
div.spnEntry div.block {float: left; line-height: 42px; height: 42px;margin: 1px 0 0 1px; width: 148px; text-align: center; display: inline; background-color: white;}
div.spnEntry div.block input {width: 45px; padding: 3px; border: solid 2px #CCC; text-align: center;}
div.spnEntry div.block input:focus,div.spnEntry div.block input:hover {border: solid 2px #999; background-color:#f1ebf4;}
div.spnEntry div.heading {padding-top: 8px;line-height: 15px; height: 38px;font-size: 12px;font-weight: bold; color: white;background-color: #7f6c88;}
div.spnEntry div.full {width: 446px;color: #808080; font-size: 10px; height: 50px;}
div.spnEntry div.full input {width: 200px;margin: 0px 5px; text-align: left;}
div.spnEntry div.full a.spnGetparts {display: block;margin: 0 0 10px 155px;width: 140px; line-height: 45px;background: url(spn-btn-getparts1.jpg) no-repeat;text-indent: -9999px;}
div.spnEntry div.full a.spnGetparts:hover {background: url(spn-btn-getparts2.jpg) no-repeat;}


div.spnResults {margin: 10px 0 0 0;padding: 1px;}
div.spnResults .data {padding: 0;margin: 0; background: #F1F1F1 url(spn-top-results.jpg) top no-repeat;}
div.spnResults .data .results {padding: 15px 0 0 0;color: white; text-align: center; font-size: 13px;}
div.spnResults .data table.resultData {margin: 0 auto; width: 95%; background-color: white; padding: 0; margin-top: 0 !important;}
div.spnResults .data table.resultData td.heading {font-weight: bold; text-align: left; background-color: #ebebeb;}
div.spnResults .data table.resultData td.headingDark {font-weight: bold; text-align: left; color: white;background-color: #808080;}
div.spnResults .data table.resultData td.center {text-align: center;}

div.spnResults .data table.resultData a {float: left; display: inline;width: 138px;line-height: 45px;margin-left: 2px;text-indent: -9999px;}
div.spnResults .data table.resultData a.spnSAVE {background: url(spn-btn-save1.jpg) no-repeat;}
div.spnResults .data table.resultData a.spnSAVE:hover {background: url(spn-btn-save2.jpg) no-repeat;}
div.spnResults .data table.resultData a.spnPDF {float: left;background: url(spn-btn-pdf1.jpg) no-repeat;}
div.spnResults .data table.resultData a.spnPDF:hover {background: url(spn-btn-pdf2.jpg) no-repeat;}
div.spnResults .data table.resultData a.spnQuote {float: left;background: url(spn-btn-quote1.jpg) no-repeat;}
div.spnResults .data table.resultData a.spnQuote:hover {background: url(spn-btn-quote2.jpg) no-repeat;}

div.spnResults .data table.resultData a.spnMiniPDF {width: 44px; line-height: 20px;background: url(spn-btn-miniPDF1.jpg) no-repeat; margin-bottom:5px;}
div.spnResults .data table.resultData a.spnMiniPDF:hover {background: url(spn-btn-miniPDF2.jpg) no-repeat;}
div.spnResults .data table.resultData a.spnMiniClose {width: 22px; line-height: 20px;background: url(spn-btn-miniClose1.jpg) no-repeat;}
div.spnResults .data table.resultData a.spnMiniClose:hover {background: url(spn-btn-miniClose2.jpg) no-repeat;}
div.spnResults .data table.resultData a.spnMiniQuote {width: 56px; line-height: 20px;background: url(spn-btn-miniQuote1.jpg) no-repeat; margin-bottom:5px;}
div.spnResults .data table.resultData a.spnMiniQuote:hover {background: url(spn-btn-miniQuote2.jpg) no-repeat;}

/* PROGRESS PANEL */

div#spnProgress {float: left; width: 165px; background-color: white;margin-top: 35px;padding: 2px 2px 0 2px;}
div#spnProgress .step {padding: 6px;margin: 0 0 2px 0;background-color: #d8d8d8;}
div#spnProgress .step .status {float: right; background: url(spn-inactive.jpg) no-repeat; border: none; height: 22px; width: 22px;}
div#spnProgress .step .Active {background: url(spn-active.jpg) no-repeat; border: none;}
div#spnProgress .step .Done {background: url(spn-done.jpg) no-repeat; border: none;}
div#spnProgress .step h3 {color: #999; margin: 0;padding: 0; line-height: 23px; text-transform: capitalize; font-size: 19px; font-weight: normal;}
div#spnProgress .step p {color: #999;margin: 0;padding: 0; line-height: 14px; text-transform: capitalize; font-size: 11px; clear: right;}

div#spnProgress .Active .status { background: url(spn-active.jpg) no-repeat; border: none; }

div#spnProgress .Active {background-color: white; border: dotted 1px #666;}
div#spnProgress .Active h3 {color:#7f368b; font-weight: bold;}
div#spnProgress .Active p {color:#666;}

/* PROGRESS PANEL */

div#downloaded {background-color: #ebebeb; padding:30px; text-align:center; border: solid 1px #CCC;}
div#downloaded p {font-size: 19px;font-weight: bold;padding:0;margin:0;}
div#downloaded a.downloadLink {font-size: 15px;font-weight: normal;}
a.spnBack {display: block; width: 135px;height:30px;background: url(spn-btn-back1.jpg) no-repeat;text-indent:-9999px;}
a.spnBack:hover {background: url(spn-btn-back2.jpg) no-repeat;}