/* @group Page - Build It Tool */

.page-build h1{display:inline;}
.page-build .prev{left:-6px;}
.page-build .next{right:-6px;}

.page-build .trim-colors p{font-size:10px; color:#696969; margin-bottom:4px;}
.page-build #match_trim ul.primary li.open { background: none; }

.page-build .colors{width:292px; margin:10px auto 8px;}
.page-build .colors p{display:inline; width:58px; text-align:right; font-size:12px; color:#1b1b1b; font-weight:bold; padding-right:8px; padding-top:6px;}
.page-build .colors span { display: inline-block; float: left; }
.french #match_color .colors p { width: 67px; }
.page-build .colors .exterior{margin-bottom:8px;}
.page-build .colors .interior{}
.page-build .colors .exterior ul{display:inline;}
.page-build .colors .interior ul{display:inline;}
.page-build .colors .exterior a,
.page-build .colors .interior a{width:25px; height:25px; display:inline-block; padding:3px; margin:0 4px 10px 0;}
.page-build .colors .exterior a.active,
.page-build .colors .interior a.active{border:1px solid #d6d6d6; padding:2px;}
.page-build .colors .exterior .color-msrp-markup{ font-size: 7px; padding-top: 5px; color: black;}

.page-build input[type="text"]{padding:0 5px; border:0; height:25px; font-size:10px; margin-right:2px;}
.page-build input[type="text"].match_postal { text-transform: uppercase; }
.page-build .content-wrapper p.heading{margin-bottom:10px;}
.page-build .small{width:75px; background:url(../../img/honda/input_small.gif) 0 0 no-repeat;}

.page-build .tax-heading {background-color:#fff; border-color:#dedede; border-bottom:0;height: 63px;}
.page-build .tax-heading span {color: #1b1b1b; font-size: 12px;display: block; padding-left: 20px;padding-top: 22px;}
.page-build .tax-heading input { width: 13px;height: 13px;padding: 0;margin: 0;vertical-align: bottom;position: relative;top: -1px;overflow: hidden;}
.page-build .tax-heading span p { padding-left: 10px; display: inline;}

a.open{width:15px; height:16px; display:block; background:url(../../img/honda/icon_plus.png) 0 0 no-repeat; position:absolute; right:12px; top:9px;}
a.close{width:15px; height:16px; display:block; background:url(../../img/honda/icon_minus.png) 0 0 no-repeat; position:absolute; right:12px; top:9px;}
a.question_tooltip{width:15px; height:16px; display:block; background:url(../../img/honda/question_tooltip.png) 0 0 no-repeat; right: 0px; top:-2px; position: absolute;}

.page-build li.open{background-position:right 12px;}
.page-build li.open .copy{padding-bottom:0;}
.page-build .copy{padding-top:10px; padding-bottom:8px;}
.page-build ul.primary li.image .copy{margin-left:14px;}
.page-build ul.primary li{border-color:#dedede;}
.page-build .nav{background:#fff;}
.new-honda .nav{background:#f1f1f1;}

.page-build dl.transmission, .page-build .tag-trim-sub-title-div {display:inline-block;}
.page-build dl.transmission dd a , .page-build  span.tag-trim-sub-title  {margin-left:8px; padding-left:8px; border-left:1px solid #bdbdbd; font-size:10px; padding:0; display:inline-block; line-height:auto; font-weight:normal; color:#0d9be4; padding-left:8px;}
.page-build dl.transmission dd.first a, .page-build  span.tag-trim-sub-title {margin-left:0; padding-left:0; border:0;}
.page-build dl.transmission dd.active a, .page-build span.tag-trim-sub-title {color:#424242;}
.page-build .tag-trim-sub-title-div.dn { display: none;}

.page-build .switch-view a{font-size:10px; margin-top:5px; padding:0 0 0 16px; line-height:11px; background:url(../../img/honda/switch_view.png) 0 0 no-repeat; color:#0d9be4; font-weight:normal;}

.page-build .highlights{margin-top:20px; padding-top:12px; border-top:1px solid #dedede;}

.page-build .scroller{margin-top:6px;}
#match_trim .scroller{height:176px;}
#match_color .scroller{height:150px;}
#match_accessory .scroller{height:154px;}
#match_summary .scroller{height:154px;}
.page-build .vehicle-info{border-bottom:0; background:#7c7c7c; position:relative;}
.page-build .vehicle-info-cont{border-bottom:0; background:#7c7c7c; position:relative;}

.page-build .vehicle-info .price{color:#fff;}
.page-build .vehicle-info .title{color:#d7d7d7;}
.page-build .vehicle-image{margin-bottom:6px;}


.page-build #match_color .scroller { width: 100%; }

.page-build .disclaimer{margin-top:14px;}
div.nav ul.disclaimer{ margin-top: 0;}
.page-build #match_trim .disclaimer { margin-top: 0; background: none; }
.page-build #match_trim .spec-link { text-align: center; }

.page-build .info-inner {padding: 0 14px 0 14px;}
.page-build .financial-info{padding:15px; background:#7c7c7c; border-top:1px solid #dedede; position: relative; z-index: 999; }
.page-build .financial-info table{width:100%; text-align:left; color:#d7d7d7; font-size:10px; table-layout:fixed;}
.page-build .financial-info table tr{background:url(../../img/honda/dotted_divider.gif) 4px 0 repeat-x;}
.page-build .financial-info table tr.alt-row-color td{color:#fff !important;}
.page-build .financial-info table tr th:first-child,
.page-build .financial-info table tr td:first-child{width:auto;}
.page-build .financial-info table tr.first td{background:none;}
.page-build .financial-info table tr th{color:#fff; background:none !important;}
.page-build .financial-info table tr th,
.page-build .financial-info table tr td{padding:10px 0; text-align:right; color:#fff; vertical-align:middle;}
.page-build .financial-info table tr td:first-child{font-weight:bold; text-align:left; color:#d7d7d7;}
.page-build .financial-info table tr td input{text-align:right; width:100px;}
.page-build .financial-info table tr td select{width:60px;}
.page-build .financial-info table tr td.date{font-size:8px; line-height:10px; padding:0; vertical-align:middle;}
.page-build .financial-info .tooltip {position: relative; width: 125px;}

.page-build .financial-info .estimated-balance { font-size: 13px;font-weight: bold;}
.btn-expand{background:url('../../img/honda/btn_expand.png') 0 0 no-repeat;}
.btn-collapse{background:url('../../img/honda/btn_collapse.png') 0 0 no-repeat;}
.btn-expand,
.btn-collapse{width:28px; height:28px; display:block; background-size:28px 28px;}

.page-build .payment-type{background:#7c7c7c; border-bottom: 1px solid #b9b9b9; position: relative; z-index: 999; padding-bottom: 14px; margin-bottom: 14px; }
.page-build .payment-type table{width:100%; text-align:left; color:#d7d7d7; font-size:10px; table-layout:fixed;}
.page-build .payment-type table tr{}
.page-build .payment-type table tr th:first-child,
.page-build .payment-type table tr td:first-child{width:auto;}
.page-build .payment-type table tr.first td{background:none;}
.page-build .payment-type table tr th{color:#fff; background:none !important;}
.page-build .payment-type table tr th,
.page-build .payment-type table tr td{padding:2px 0 2px 6px; width:76px; background:url(../../img/honda/dotted_divider.gif) 0 0 repeat-x;}
.page-build .payment-type table tr td span{margin:12px 0; display:block;}
.page-build .payment-type table tr td:first-child{font-weight:bold;}
.page-build .payment-type table tr td input{width:50px; text-align:center;}
.page-build .payment-type .title {float:left; color: #d7d7d7; font-family:Verdana, Geneva, sans-serifl; font-size:10px; font-weight: bold; padding-top: 5px;}

.page-build .taxes-disclaimer{padding:14px 0 10px; text-align:center; background:url(../../img/honda/dotted_divider.gif) 0 0 repeat-x;}
.page-build .messages{ border-bottom:1px solid #b9b9b9; padding:14px 0 10px; text-align:center; color: #d7d7d7; }
.page-build .messages .tag-exception p { color: #d7d7d7; }
.page-build .messages p.heading { color: #E72530; }
.page-build .taxes-check{position:relative; display:inline-block; padding-left:30px; margin-bottom:12px;}
.page-build .taxes-check label{font-size:8px; color:#d7d7d7; vertical-align:top; display:inline-block; padding:0 !important; margin:0 !important; line-height:12px; text-align:left;}
.page-build .taxes-check input[type=checkbox]{position:absolute; top:50%; margin:-4px 0 0 0; left:10px; display:block;height:auto;}

.page-build .disclaimer p{margin-bottom:6px;}
.page-build .disclaimer p,
.page-build .disclaimer{font-size:8px; color:#696969; line-height:10px;}

.page-build .financial-info .disclaimer{color:#d7d7d7 !important;}
.page-build .financial-info .disclaimer p{color:#d7d7d7 !important;}

.page-build .accessories-section{background:#f4f4f4;}
.page-build .accessories-section .tabbed-navigation{text-align:center; background:#fff;}
.page-build .accessories-section .tabbed-navigation a{background:#7c7c7c; display:inline-block; margin-left:2px; color:#fff; padding:8px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius:6px; border-top-right-radius:6px;}
.page-build.french .accessories-section .tabbed-navigation a { padding: 8px 5px; }
.page-build .accessories-section .tabbed-navigation a.active{background:#f4f4f4; color:#424242;}
.page-build .accessories-section .tabbed-navigation a.first{margin-left:0;}

.page-build .accessories-section ul.primary li.alt-01{background-color:#f4f4f4;}
.page-build .accessories-section ul.primary li.alt-01 .vehicle-name{color:#424242; font-size:11px;}
.page-build .accessories-section ul.primary li.alt-01 .price{font-weight:normal; color:#424242; font-size:11px;}
.page-build .accessories-section ul.primary li.alt-01 ._price{font-weight:normal; color:#424242; font-size:11px;}
.page-build .accessories-section p.disclaimer{background:#fff; padding:14px !important; color:#696969; border-top:1px solid #dedede; margin-top:0;}

.page-build .accessories-section ul.primary li.alt-01 a.selected{background:url(../../img/honda/icon_checkmark.png) 14px center no-repeat; padding-left:28px;}
.page-build .accessories-section .accessory-details p{text-align:left; margin-top:14px;}
.page-build .accessories-section .accessory-details{text-align:center; padding:4px 18px 10px 18px;}
.page-build .accessories-section ul.primary li.image .copy{margin-left:16px;}
.page-build .accessories-section li.open .copy{padding-bottom:8px;}

.page-build .accessories-section .available-packages{padding:14px; font-weight:bold; font-size:11px; color:#424242; line-height:14px !important;}
.page-build .summary-table table.financial-summary th{background:#b8b8b8 !important; color:#fff;}
.page-build .summary-table table.financial-summary td{line-height:14px;}
.page-build .summary-table table.financial-summary td span{padding-left:22px; display:block;}
.page-build .summary-table table.financial-summary span{position:relative;}
.page-build .summary-table table.financial-summary input{height:auto; margin:0 6px 0 0; padding:0; position:absolute; top:2px; left:0;}

.page-build .summary-table p.disclaimer{border:0;}
.page-build .summary-table table{width:100%; font-size:11px; color:#424242;}
.page-build .summary-table table th{background:none !important;}
.page-build .summary-table table th,
.page-build .summary-table table td{text-align:left; padding:10px 14px 10px 14px; background:url(../../img/honda/dotted_divider.gif) 0 0 repeat-x;}
.page-build .summary-table table th:last-child,
.page-build .summary-table table th.last,
.page-build .summary-table table td.last,
.page-build .summary-table table td:last-child{text-align:right;padding-left:0;}
.page-build .summary-table table th:first-child,
.page-build .summary-table table td:first-child{text-align:left; padding-left:14px;}
.page-build .summary-table table td.last { white-space: nowrap; }
.page-build .summary-table table td.last span { white-space: nowrap; }
.page-build .summary-table table td.indent { padding-left: 30px; }
.page-build .summary-table table tr.monthly-payment td{background:#b8b8b8; color:#fff; font-weight:bold;}
.page-build .summary-table table tr.total-cost td{background:#e72530; color:#fff; border-top:1px solid #fff; font-weight:bold;}
.page-build .summary-table table tr.group td { font-weight: bold; }
.page-build .summary-table table tr.subgroup td { background: none; font-size: 10px; font-weight: bold; padding: 6px 14px 6px 20px; }
.page-build .summary-table table tr.special td { background: none; font-size: 10px; font-weight: bold; padding: 6px 14px 6px 20px; }
.page-build .summary-table table tr.group-item td { background: none; font-size: 10px; padding: 6px 14px 6px 30px; }
.page-build .summary-table table tr.group td.last,
.page-build .summary-table table tr.subgroup td.last,
.page-build .summary-table table tr.special td.last,
.page-build .summary-table table tr.group-item td.last { padding-left: 0; }

.page-build .summary-table table tr.bold { font-weight: bold;}

.page-build .finance-disclaimer{padding:14px; background:#f4f4f4; border-top:1px solid #dedede;}
.page-build .finance-disclaimer p{margin-bottom:0 !important;}
.page-build .finance-disclaimer p.heading{margin-bottom:6px !important;}
.page-build .finance-disclaimer p.disclaimer{padding:0 0 14px 0 !important; background:#f4f4f4;}

.page-build .switch-view { position: relative; z-index: 10; }

.page-build .accessories-section ul.primary li.alt-01 a.disabled .vehicle-name { color: #c4c4c4; }
.page-build .accessories-section ul.primary li.alt-01 a.disabled .price { color: #c4c4c4; }

#brochure-thanks .heading { display: block; text-align: center; }

.page-build #build-it-loader {
    background: url(../../img/layout/loader-rev.gif) no-repeat center center #000 !important;
    background-size: 36px 36px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    height: 60px;
    width: 60px;
    border-radius: 5px;
    opacity: 0.7;
    z-index: 999;
}

.loader-disabled {
    display: none;
}

/* @end */

/* @group overrides **/
html.js #match_start { display: none; }
/* @end */

@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.page-build a.open{background:url(../../img/honda/icon_plus_2x.png) 0 0 no-repeat; background-size:15px 16px;}
.page-build a.close{background:url(../../img/honda/icon_minus_2x.png) 0 0 no-repeat; background-size:15px 16px;}
.page-build .switch-view a{background:url(../../img/honda/switch_view_2x.png) 0 1px no-repeat; background-size:10px 11px;}
.page-build .accessories-section ul.primary li.alt-01 a.selected{background:url(../../img/honda/icon_checkmark_2x.png) 14px center no-repeat; background-size:21px 23px;}
}

html .popup-content p.apr-disclaimer {color: #858181; }


.sales-tax-container{
  background: #7c7c7c;
  border-top: 1px solid #dedede;
  padding: 15px;
}

.checkbox-wrapper{
  position: relative;
  padding-left: 20px;
  display: block;
}

.checkbox-input{
  position: absolute;
  top: 0;
  left: 0;
}

.checkbox-label{
  display: block;
}

.page-build .checkbox-input{
  margin: 0;
  padding: 0;
}

.checkbox-label{
  font-size: 11px;
  color: #d7d7d7;
  position: relative;
  z-index: 2;
}

.checkbox-label .hidden-value{
  display: none;
}

.cash-purchase-label{
  text-transform: uppercase;
  font-size: 8px;
}

.sales-tax-disclaimer{
  font-size: 8px;
  color: #d7d7d7;
  line-height: 11px;
  margin: 4px 0 0 20px;
}

.highlight *{
  color: #8dce38 !important;
}

.rebate-link{
  position: relative;
}

.rebate-link img{
  position: absolute;
  top: 0;
  right: -26px;
}

.disclaimer-list{
  line-height: 14px;
}

.info-container{
  position: relative;
}

.info-trigger{
  position: absolute;
  top: -3px;
  right: -20px;
}

.cash-details-popup{
  padding: 22px 0;
}

.tab-menu{
  width: 100%;
  display: table;
  border: 1px solid #c40020;
  border-radius: 4px;
}

.tab-menu-item{
  display: none;
  border-left: 1px solid #c40020;
  display: table-cell;
  text-align: center;
  width: 33%;
}

.tab-menu-item:first-child{
  border-left: 0;
}

.tab-menu-link{
  display: none;
  font-weight: bold;
  font-size: 10px;
  color: #c40020;
  padding: 5px 0;
}

.tab-menu-link.active{
  background: #c40020;
  color: #fff;
}

.manufacturer-rebates-container,
.bonus-golf-clubs {
    display: none;
}

.savings-list{
  display: none;
  margin: 13px 0 9px;
}
.savings-list.active{
  display: block;
}

.savings-list-item{
  display: none;
  border-top: 1px solid #cfcfcf;
  font-size: 10px;
  color: #858181;
  padding: 12px 0 12px 24px;
  position: relative;
}

.savings-list-item:first-child{
  border-top: 0;
}

.savings-list-check{
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 18px;
  top: 12px;
  left: 0;
}

.option-info {
    color: #424242;
}

.savings-list-description{
  line-height: 14px;
  margin-left: 5px;
}

.popup-disclaimer{
  text-align: center;
  font-size: 8px;
  color: #858181;
  line-height: 12px;
}

.rebate-modal-close-button {
    width: 100%;
    text-align: center;
    margin-top: 12px;
}