/********* GENERAL BODY ELEMENTS *********/
body { margin: 0 auto; text-align: left; background: #fff;}
body, p, div, a, form, td, li { font: 12px/17px Arial, Tahoma, Verdana, "Lucida Grande", Helvetica, sans-serif; color: #071F21;  }
p { margin: 0 0 18px 0; }
img { border: 0; }
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none;}
h1.pageHeading { margin: 0; padding: 15px 20px 0 24px; height: 37px; line-height: 26px; font-size: 22px; text-align: center; }
#singleContentColumn h1.pageHeading { width: 876px; }
h1, h1 a { margin: 28px 0 14px 0; padding: 0; font-size: 18px; font-weight: bold; color: #222;}
h2, h2 a { margin: 28px 0 4px 0; padding: 0; font-size: 18px; font-weight: bold; color: #222; }
h3, h3 a { margin: 20px 0 14px 0; padding: 0;  font-size: 15px;  font-weight: bold;  color: #222;}
h4, h4 a { margin: 20px 0 4px 0; padding: 0;  font-size: 15px;  font-weight: bold; color: #222;}
h5, h5 a { margin: 0 0 9px 0; padding: 0;  font-size: 12px; font-weight: bold;  color: #222;}
h6, h6 a { margin: 0 0 4px 0; padding: 0;  font-size: 12px;  font-weight: bold; color: #222;}

/********* LISTS *********/
ul { margin: 0 0 18px 0; padding: 0 0 0 20px; }
ul li { padding: 0 0 6px 14px; list-style-type: disc; }
ul.largeBulletItems li { color: #458988; font-weight: bold; font-size: 14px; padding-bottom: 12px; }
.extraSpacing li { padding-bottom: 10px; line-height: 15px; }

/********* GENERAL FORMATTING AND APPEARANCE *********/
.smallText { font-size: 11px; }
.largeText { font-size: 14px; }
.logoGrey { font-weight: bold; color: #3b3b3b; }
.bold { font-weight: bold; }

/********* SPACING AND ALIGNMENT *********/
.block { display: block; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.margin0 { margin: 0; }
.marginAuto { display: block;margin: 0 auto; }
.marginTop0 {margin-top: 0; }
.marginTop6px {margin-top: 6px; }
.marginTop8px {margin-top: 8px; }
.marginTop10px {margin-top: 10px; }
.marginTop12px {margin-top: 12px; }
.marginTop14px {margin-top: 14px; }
.marginTop20px {margin-top: 20px; }
.marginTop24px {margin-top: 24px; }
.marginTop30px {margin-top: 30px; }
.marginTop40px {margin-top: 40px; }
.marginBottom0 {margin-bottom: 0; }
.marginBottom4px { margin-bottom: 4px; }
.marginBottom6px { margin-bottom: 6px; }
.marginBottom8px { margin-bottom: 8px; }
.marginBottom10px { margin-bottom: 10px; }
.marginBottom12px { margin-bottom: 12px; }
.marginBottom16px { margin-bottom: 16px; }
.marginBottom20px { margin-bottom: 20px; }
.marginBottom24px { margin-bottom: 24px; }
.marginBottom30px { margin-bottom: 30px; }
.marginBottom40px { margin-bottom: 40px; }
.floatRight { display: block; margin: 0 20px 8px 12px; float: right;  }
.floatLeft { display: block; margin: 6px 18px 12px 0; float: left;  }
.clearBoth { clear: both; }


/********* FORMS AND FORM ELEMENTS *********/
/* FORM */
form { margin:0; padding: 0; }
/* FORM ELEMENTS */
.submit { margin: 0 10px 0 0; }
.error { font-weight: bold; color: #BF3636; }
/* FORM LAYOUT */
.formMsg { margin: 0; padding: 0;}


/********* GENERAL TEMPLATE LAYOUT *********/


/* MAIN CONTENT AREA */
#mainContentContainer { margin: 0 auto; border: 1px solid #769d9c; padding: 0; width: 910px; }


/* INTERNAL PAGES - LEFT COLUMN */
#mainContentTable {}
#mainLeft {padding: 0 12px 0 0; width: 190px; vertical-align: top; text-align: left; }
#mainLeft h3 { margin: 0; padding: 20px 0 0 0; width: 178px; height: 29px; font-size: 17px; text-align: center;  }
ul#leftNav {margin: 0; padding: 12px 10px 10px 16px; width: 152px; }
ul#leftNav li  { padding: 0 0 12px 11px; list-style-type: none; line-height: 15px;}
ul#leftNav li a { font-weight: bold; color: #222;  line-height: 15px;}
ul#leftNav li a:link, ul#leftNav li a:visited { text-decoration: none;}
ul#leftNav li a:hover { text-decoration: underline;}



/* INTERNAL PAGES - RIGHT COLUMN */
#mainRight {padding: 0 0 20px 0; width: 910px; vertical-align: top; text-align: center; }
#mainRightHeader {width: 710px; text-align: center;}
#mainContent { }

div.centeredContent { margin: -24px auto 0 auto; padding-left: 20px; width: 300px; }

/* SINGLE (WIDE) CONTENT COLUMN */
#singleContentColumn {padding: 0 0 20px 0; width: 920px; vertical-align: top; text-align: left; }
#mainContentWide { }
#mainContentWide720 { margin: 0 auto; padding: 24px 0 10px 0; width: 910px; }

.singleColumnContentContainer { margin: 0 auto; width: 636px; }

.contentTwoColumns { margin: 0 auto; width: 636px; }
.contentTwoColumnsLeft { padding: 0 15px 0 30px; width: 273px; vertical-align: top; text-align: left; }
.contentTwoColumnsRight { padding: 0 30px 0 15px; width: 273px; vertical-align: top; text-align: left; }
.contentTwoColumnsLeft h3, .contentTwoColumnsRight h3{ margin-top: 0; }

/* STANDARD HIGHLIGHT BOX */
.highlightHeading { margin: 20px auto 0 auto; padding: 6px 20px 0 20px; width: 596px; height: 22px; font-weight: normal; text-align: center; }
.highlightTop { margin: 20px auto 0 auto; padding: 0; width: 600px; height: 20px;background: #efefef; }
.highlight { margin: 0 auto; padding: 16px 0 0 0; width: 600px; background: #efefef; }
.highlight2 { margin: 0 auto; padding: 0; width: 600px; background: #efefef; }
.highlight2 table, .highlight2 table td { background: #efefef; }
.highlight2 form { background: #efefef; }
.highlightTall { margin: 0 auto; padding: 10px 18px 0px 18px; width: 600px; background: #E0EBCF; }
.highlightBottom { margin: 0 auto 18px auto; width: 600px; height: 20px;  background: #efefef; }
#lastOnPage {margin-bottom: 0; }


/* HIGHLIGHT BOX - WHITE 636px*/

#lastOnPage {margin-bottom: 0; }



/* HIGHLIGHT BOX - 300px */
.highlightTop300 { margin: 0 auto 0 auto; padding: 0; width: 300px; height: 20px; background: #efefef;  }
.highlight300 { margin: 0 auto; padding: 0 16px 0 16px; width: 268px; background: #efefef; }
.highlightBottom300 { margin: 0 auto 18px auto; width: 300px; height: 20px; background: #efefef; }

/* HIGHLIGHT BOX - 720px */
.highlightHeading720 { margin: 20px auto 0 auto; padding: 6px 20px 0 20px; width: 680px; height: 22px; font-weight: normal; text-align: center; }
.highlightTop720 { margin: 0 auto 0 auto; padding: 0; width: 720px; height: 20px; }
.highlight720 { margin: 0 auto; padding: 0 16px 0 16px; width: 688px; background: #E0EBCF; }
.highlightBottom720 { margin: 0 auto 18px auto; width: 720px; height: 20px;  }

/* LOGIN PAGE  */
#loginPageContentContainer {margin: 0 auto; width: 600px; background: #efefef;}
#loginPageContentContainer h1 { margin-bottom: 8px; }
#loginPageContentContainer .leftCol {padding: 0 0 0 20px; width: 262px; vertical-align: top; text-align: left; }
#loginPageContentContainer .middleCol { border-left: 10px solid #fff; border-right: 10px solid #fff; padding: 0; width: 0; background: #fff;  }
#loginPageContentContainer .greenCell { background: #efefef;}
#loginPageContentContainer .rightCol {padding: 0 0 0 20px; width: 262px; vertical-align: top; text-align: left; background: #efefef;}

#loginPageTable { margin: 0 auto; width: 262px; background: #efefef; }
#loginPageTable a { background: #efefef; }
#loginPageTable .leftCol { padding: 4px 12px 4px 0; width: 80px; text-align: right; vertical-align: middle; background: #efefef; }
#loginPageTable .rightCol { padding: 4px 0; width: 168px; text-align: left; vertical-align: middle; background: #efefef; }




/* GET A QUOTE  */
.quoteTable { width: 600px; }
.quoteTable .leftCol { padding: 3px 10px 3px 0; width: 180px; vertical-align: top; text-align: right; font-weight: bold; }
.quoteTable .rightCol { padding: 3px 0; width: 410px; vertical-align: top; text-align: left;  }
.quoteTable .errorLeft { padding: 3px 10px 3px 0; width: 180px; vertical-align: top; text-align: right; font-weight: bold; }
.quoteTable .errorRight { padding: 3px 0; width: 410px; vertical-align: top; text-align: left;  }

#quoteTableTwo .leftCol { width: 390px; }
#quoteTableTwo .rightCol { width: 200px;  }
#quoteTableTwo .errorLeft { width: 390px; }
#quoteTableTwo .errorRight { width: 200px; }


/* SUMMARY COMPARISON  */
.summaryComparisonTable { margin: 0 auto; width: 720px;  }
.summaryComparisonTable td {padding: 6px 8px 7px 8px; background: #E0EBCF; text-align: center; vertical-align: middle;  }
.summaryComparisonTable th {padding: 3px 8px; background: #E0EBCF; text-align: center; vertical-align: middle; line-height: 15px; }
.summaryComparisonTable th a { text-decoration: none; font-weight: bold;}
.summaryComparisonTable td#companyName { text-align: left; color: #458988; font-weight: bold; }
.summaryComparisonTable td#companyName a { color: #458988; font-weight: bold; line-height: 15px; font-size: 11px;}
.summaryComparisonTable td.blueCell, .summaryComparisonTable th.blueCell { background: #BCD3CA;  }
#summaryQuoteTableFooterNotes { margin: 10px auto 0 auto; border-top: 1px solid #769D9C; width: 720px;  }
#summaryQuoteTableFooterNotes td { padding: 10px 8px 0 8px;  vertical-align: top; text-align: center; background: #E0EBCF;}
.summaryComparisonTable .SALE {background: #3497A3; color: #fff; }
.summaryComparisonTable .SALE a {color: #fff; }



/* SUMMARY COMPARISON  */
#sampleSummaryComparisonTable { margin: 0 auto; width: 636px;  }

/* DETAILED QUOTE  */
#detailedQuoteTable { margin: 0 auto; width: 636px;  }
#detailedQuoteTable td {padding: 6px 8px 7px 8px; background: #efefef; text-align: center; vertical-align: middle;  }
#detailedQuoteTable .headingCell {padding: 3px 8px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 14px; line-height: 16px;  }
#detailedQuoteTable .darkCell { background: #BECFA3; }
#detailedQuoteTable td#companyName { text-align: left; color: #458988; font-weight: bold; }
#detailedQuoteTable td#companyName a { color: #458988; font-weight: bold; line-height: 15px; font-size: 11px;}
#detailedQuoteTable td.left {  padding-left: 20px; text-align: left; }
#detailedQuoteTable td.right {  padding-left: 20px; text-align: right; }
#detailedQuoteTable a {text-decoration: none; }
#detailedQuoteTable a.underline {text-decoration: underline; }

#detailedQuoteTable2 { margin: 0 auto; width: 636px;  }
#detailedQuoteTable2 td {padding: 6px 8px 7px 8px; background: #efefef; text-align: center; vertical-align: middle;  }
#detailedQuoteTable2 .headingCell {padding: 3px 8px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 14px; line-height: 16px;  }
#detailedQuoteTable2 .darkCell { background: #BECFA3; }
#detailedQuoteTable2 td#companyName { text-align: left; color: #458988; font-weight: bold; }
#detailedQuoteTable2 td#companyName a { color: #458988; font-weight: bold; line-height: 15px; font-size: 11px;}
#detailedQuoteTable2 td.left {  padding-left: 20px; text-align: left; }
#detailedQuoteTable2 td.right {  padding-left: 20px; text-align: right; }
#detailedQuoteTable2 a {text-decoration: none; }
#detailedQuoteTable2 a.underline {text-decoration: underline; }

#detailedQuoteTableFooterNotes { margin: 10px auto 0 auto; border-top: 1px solid #769D9C; width: 600px;  }
#detailedQuoteTableFooterNotes td { padding: 10px 8px 0 8px;  vertical-align: top; text-align: center; background: #efefef;}

.disclaimer { text-align: left; }

#transactionInfoBox { margin: 0; padding: 12px 10px 10px 16px; width: 172px; 
background: #fcfee9 url() no-repeat bottom; }
#transactionInfoBox p { margin: 0 0 8px 0;  }
#transactionInfoBox h6 { margin: 0;  }

#selectedCompanyContainer { margin: 0; padding: 12px 12px 10px 12px; width: 174px; 
background: #fcfee9 url() no-repeat bottom; }
#selectedCompanyContainer img { display: block; margin: 10px auto 14px auto; }
#selectedCompanyContainer h4 { margin: 8px 0 14px 0; padding: 0;}
.selectedCompanyAdvert { border: 1px solid #46799F; }


#titleCoArea {margin: 0 auto; width: 636px; }
#titleCoArea td { vertical-align: top; background: #efefef; }
#titleCoArea h1  { margin: 0 0 8px 0; }
.titleCoAreaLeft {padding: 20px; width: 300px; text-align: left;background: #efefef; }
.titleCoAreaRight {padding: 20px; width: 256px; text-align: center;background: #efefef; }

#printOptionsTable { margin: 0 auto; width: 636px; }
.printOptionsTableCol1 { padding: 12px; text-align: right; width: 428px; background: #efefef; }
.printOptionsTableCol2 { padding: 0px; text-align: center; width: 92px; background: #efefef;}
.printOptionsTableCol3 { padding: 0px; text-align: center; width: 88px;background: #efefef; }
.printOptionsTablePrintableGFTE {padding: 12px; text-align: center; width: 612px; background: #efefef;}

#print-option-button-buyers-sellers { display: block; float: right; width: 126px; height: 24px; background: url(/images/trac-calc/btn-printable-options-buyers-sellers.png) no-repeat; }
#print-option-button-buyers-sellers:hover { background: url(/images/trac-calc/btn-printable-options-buyers-sellers.png) 0 -24px; }

#print-option-button-sellers { display: block; margin: 0 auto; width: 78px; height: 24px; background: url(/images/trac-calc/btn-printable-options-sellers.png) no-repeat; }
#print-option-button-sellers:hover { background: url(/images/trac-calc/btn-printable-options-sellers.png) 0 -24px; }

#print-option-button-buyers { display: block; margin: 0 auto; width: 78px; height: 24px; background: url(/images/trac-calc/btn-printable-options-buyers.png) no-repeat; }
#print-option-button-buyers:hover { background: url(/images/trac-calc/btn-printable-options-buyers.png) 0 -24px; }

/* EXPANDING TABLE  */
#expandTbl, #collapseTbl {margin: 0 auto; width: 636px; }
.expand, .collapse { padding: 6px 0; color: #fff; font-weight: bold; text-align:center; background: #003399;  }


/* TRANSACTION ID INFO */
#transactionIdInfoTable {width: 600px; }
#mainRight #transactionIdInfoTable p {margin: 0 0 10px 0; }
#transactionIdInfoTable .colOne {padding: 4px 10px 4px 20px; width: 277px; text-align: left; vertical-align: top; }
#transactionIdInfoTable .colTwo {padding: 4px 20px 4px 0; width: 273px; text-align: left; vertical-align: top; }

/* TRANSACTION ID INFO 2 */
#transactionIdInfo2Table {width: 600px; }
#mainRight #transactionIdInfo2Table p {margin: 0 0 10px 0; }
#transactionIdInfo2Table .colOne {padding: 4px 10px 4px 20px; width: 277px; text-align: left; vertical-align: top; }
#transactionIdInfo2Table .colTwo {padding: 4px 20px 4px 0; width: 273px; text-align: left; vertical-align: top; }


/* CREATE ACCOUNT */
#createAccountTable { margin: 0 auto; width: 600px;  background: #efefef;}
#createAccountTable .leftCol { padding: 2px 10px 0 0; width: 180px; vertical-align: top; text-align: right; font-weight: bold; }
#createAccountTable .rightCol { padding: 2px 0 0 0; width: 395px; vertical-align: top; text-align: left;  }
#createAccountTable .errorLeft { padding: 2px 10px 0 0; width: 180px; vertical-align: top; text-align: right; font-weight: bold; }
#createAccountTable .errorRight { padding: 2px 0 0 0; width: 395px; vertical-align: top; text-align: left;  }

/* SAMPLE QUOTES EXPLANATION */
#viewSampleQuoteContainer { margin: 0 auto; padding: 13px 0 0 0; width: 254px; height: 39px; text-align: center; 
background: url() no-repeat; }
#viewSampleQuoteContainer img { display: block; margin: 0 auto;  }


/* MY ACCOUNT */
#myAccountActions { margin: 0 auto; width: 250px; }
#myAccountActions li { list-style-type:none; }

/* PREVIOUS QUOTES */
#quoteStatsTable, .previousQuotesTable { margin: 0 auto; width: 600px; }
#quoteStatsTable td, #quoteStatsTable th { padding: 2px 12px; width: 130px; vertical-align: middle; text-align: center; background: #efefef;}
#quoteStatsTable th { padding: 8px 0 6px 0; }

.previousQuotesTable td, .previousQuotesTable th { padding: 4px 8px; background: #efefef;  vertical-align: middle; text-align: center;}

.itemizedTaxesHeader {padding: 1px 8px 1px 8px;}
.itemizedTaxesDetail {padding: 1px 8px 1px 20px; }
.detailedQuoteGFE {  border: 5px solid #000;  }
.detailedQuoteGFE td {padding: 6px 8px 7px 8px; background: #ddd; vertical-align: top;  }
.largeTextGFE { font-size:22px; font-weight:bold; }
.largeTextGFELoan { font-size:18px; font-weight:bold; }
.largeTextGFECharges { font-size:16px; font-weight:bold; }
.newFeature { font-size:14px; font-weight:bold; color:#F90; }
.detailedQuoteGFE td.GFEbackground { background: #333; }
.detailedQuoteGFE td.GFEwhiteBackground { background: #fff; }
.GFErowSeparator { border-bottom: 1px solid #000; }
.textWhite { color: #FFF; }
.regText { font-size: 12px; font-weight:100; }
.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.trac_info { margin-left: 6px; padding-left: 10px; font-weight:bold; }
.trac_container { /* border: 2px solid #000; */ margin-left: 5px; }

.hide { display: none; }