@font-face {
    font-family: 'icons';
    src: url('fonts/icomoon/icomoon.eot');
    src: url('fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
         url('fonts/icomoon/icomoon.woff') format('woff'),
         url('fonts/icomoon/icomoon.ttf') format('truetype'),
         url('fonts/icomoon/icomoon.svg') format('svg');
    font-weight: normal;

    font-style: normal;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output,
ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing: 0;}

body {
    font: 100% Arial, Helvetica, sans-serif;
}
p{
	font-family: 'FuturaMd', Helvetica, Arial, Sans-serif;
}
#container {
    position: relative;
    max-width: 1008px;
    margin: 0 auto;
}
/* Hides the spinner arrows in chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

img {
    width: 100%; /* Make images scale to fit their container */
    image-rendering:optimizeQuality;           /* Legal fallback                 */
    image-rendering:-moz-crisp-edges;          /* Firefox                        */
    image-rendering:-o-crisp-edges;            /* Opera                          */
    image-rendering:-webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering:optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode:bicubic;            /* IE8+                           */
}
#app_51 img { width: auto; }

.claim-wrapper {
    position: relative;
    max-width: 1008px;
    margin: 0 auto;
}
header {
    /*background: url('../images/gt-1008.png') no-repeat right 20px;*/
}
header p.user-info {
    position: absolute;
    right: 1.5em;
    top: 1.5em;
    font-size: 0.75em;
}
header p.user-info a.first{
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin: 0 5px 0 3px;
	padding: 0 5px;
}
nav.main-nav {*zoom:1;}
nav.main-nav ul {*zoom:1;}
nav.main-nav ul li {
    *zoom:1;
    text-transform: uppercase;
}
nav.main-nav ul li a{
    *zoom: 1;
}

.gt-ie8 nav.main-nav,
.gt-ie8 nav.main-nav ul,
.gt-ie8 nav.main-nav ul li,
.gt-ie8 nav.main-nav ul li a {filter: none !important;}

.carousel-item {}

.lt-ie9 .countdown-clock,
.ie7 .countdown-clock,
.ie8 .countdown-clock { clear: both; }

.lt-ie9 .news-carousel #countdown-topshadow,
.ie7 .news-carousel #countdown-topshadow,
.ie8 .news-carousel #countdown-topshadow{
	left: 0;
	
}
.countdown-title {
    text-transform: uppercase;
}
.countdown-date {}

/* News Slider expanded content */
.expanded-content {
	left: -9999px; /* move expanded content off the screen */
    position: absolute;
    visibility: hidden;
}
.flexslider .description a {
	position: relative;
	z-index: 10;
}

/* dealer modules */
section.content-col{ position: relative; }
section.content-col a.button:hover { text-decoration: none; }
section.content-col .label {
    font-size: 12px;
    font-weight: bold;
    margin-top: 25px;
}
section.content-col input[name=claim-conf-num] { 
	width: 254px;
	height: 30px; 
}
section.content-col .submit-claim:before { background: none; }
section.content-col #invoice-upload { margin-left: 7px; }


/* eligible promotions */
ul.promotions li {
    display: block;
    clear: both;
    font-size: 12px;
    margin-bottom: 5px;
}

.icon {
    display: block;
    height: 15px;
    width: 15px;
    /*background: url( ../images/accordion-state-icon.png ) 0 -16px no-repeat;*/
    font-family:icons;
    float: left;
    margin: 0 5px;
}

.icon::before {
    content:"\e600";
}

.expanded .icon::before {
    /*background-position: 0 0;*/
    content:"\e601";
}

ul.promotions a:not(.icon){
    margin-left: 30px;
    display: block;
}

ul.promotions p {
    color: #888;
    display: none;
}

ul.promotions .expanded p {
    display: block;
    font-size: 12px;
    margin-left: 40px;
    margin-top: 5px;
}

section.content-col p.center.bottom {
    text-align: center;
    position: absolute;
    display: block;
    width: 90%;
}
span.readmore{ 
	position: relative;
	z-index: 10;
}

/* scorecard */
.scorecard-wrapper {
    padding: 5px;
/*    height: 230px;*/
}
.scorecard img { width: auto; }

.scorecard .rank {
    margin: 10px 0;
    text-align: center;
}

.scorecard a.info {
    color: #ffffff !important;
    font-weight: normal;
    margin-left: 5px;
    padding: 0 6px;
}
.scorecard .rank p {
    font-weight: bold;
    margin: 0;
}
.scorecard .rank-numbers { font-size: 1.5em; }
.scorecard ul {
    clear: both;
    margin-bottom: 15px;
    padding-top: 10px;
}
.scorecard li {
    display: block;
    margin: 10px 0;
}
.scorecard li:first-child { margin-top: 0; }
.scorecard ul li a {
    font-size: 14px;
    text-transform: capitalize;
}
.scorecard ul li .barchart {
    display: none;
    height: 47px;
    margin: 5px 0 0 20px;
    width:90%;
}
.barchart .bar {
    height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.barchart .percent {
    height: 15px;
    margin: 7px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    text-align: right;
}
.scorecard ul li.expanded .barchart { display: block; }
span.measured-value{
    color: white;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
    position: relative;
}
.barchart .markers {
    width: 90%;
    height: 30px;
    position: absolute;
    margin-top: -31px;
}
.marker{
    width: 2px;
    height: 50%;
    position: absolute;
}

.national-average, .national-avg:before { background-color: black; }
.distributor-average { bottom: 0; }

.bar-legend p {
    font-size: 12px !important;
    margin: 0 !important;
}
.bar-legend .start-range { float: left; }
.bar-legend .end-range { float: right; }

.scorecard .legend{
    content: '';
    display: block;
    float: left;
    font-size: 12px;
    height: 2px;
    left: 14px;
    margin: 7px 6px 2px 8px;
    width: 43px;
}

.distributor-avg { float:left; }

.date-updated {
    float: right;
    font-size: 11px !important;
    margin-top: 5px /*!important*/;
    padding: 8px 0 0;
}

/* Bar chart tooltips */
#tooltip {
    text-align: left;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}

#tooltip:after { /* triangle decoration */
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

/* Contact us */
.error { color: #f00 !important; }
#claim-submission label.error {
    display: none;
    font-size: 0.8em;
}
input.error, textarea.error{
    background-color: #ffd2cd;
    border: 1px solid #f00;
}
#contentForm label{font-family: 'FuturaMd', Helvetica, Arial, Sans-serif;}

form > div { margin-bottom: 15px; }

textarea{ resize: none; }

form > div > label {
    display: block;
    text-align: left;
    width: 265px;
	font-family: 'FuturaMd', Helvetica, Arial, Sans-serif;
}

.preferred-contact-method p {
    font-weight: bold;
    padding-bottom: 0;
}
.preferred-contact-method > label { margin-left: 8px; }
.preferred-contact-method label:first-of-type { margin: 0 0 5px 0; }


.captcha p { padding-bottom: 0; }

.captcha img {
    background-color: #ffffff;
    display: block;
    border: 1px solid #BBB;
    margin-bottom: 20px;
    padding: 5px 25px;
}
.captcha input {display: inline-block; }
.captcha .icon {
    background: url(../images/accessibility-icon.jpg)0 0 no-repeat;
    display: inline-block;
    height: 26px;
    margin-left: 10px;
    padding: 3px;
    text-decoration: none;
    text-indent: -9999px;
    width: 26px;
    zoom: 1;

}
aside ul { background-color: #ffffff; }

/* reports */
.reports{
	padding-bottom: 20px;
    padding: 10px;
    text-align: left;
	font-family: 'FuturaMd', Helvetica, Arial, Sans-serif;
}
.reports h2 {
    color: #333;
	font: normal 1.125em/1 'FuturaBkBook', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
	text-transform: uppercase;
}

section.reports ul { margin: 0 20px;}
section.reports ul li {
    border-bottom: 1px solid #bbb;
    padding: 8px 0 0 0;	
}
section.reports a { 
	float: left; 
	width: 160px;
}
section.reports ul p, section.reports a { display: inline-block; font-family: 'FuturaMd', Helvetica, Arial, Sans-serif;}
section.reports ul p {
    margin-left: 15px;
    width: 80%;
}

section.reports a {
    font-weight: bold;
    text-decoration: none;
}
section.reports p { margin: 0 0 10px 0;}

.reports .ui-export-btn { 
 	position: relative;
	top: 35px;
	width: 100%;
 }
 .reports .as-of-date { 
 	float: left;
 	margin-bottom: 5px; 
 }
 .reports .ui-export-btn a { float: right; }
 .reports .ui-export-btn img { 
 	margin-right: 5px;
 	vertical-align: middle;
 }
 .show-filters { 
 	position: relative;
 	z-index: 20;
 }
 .pagination-items-wrapper { 
 	float: left; 
	padding: 15px 0;
}
 .pagination-wrapper { padding: 15px 0; }
 .listing-pagination span,  .listing-pagination a {
 	padding: 3px 7px;
 	margin: 0 5px;
 }
 .listing-pagination a { text-decoration: none; }
 /* end reports */

/* FAQ */
.faq .page-title { font-size: 1.5em; }
.faq ul, .faq .back-btn, .faq .faq-block { margin-bottom: 10px; }
.faq li a, .faq p { font-size: 0.8em; }
.faq .question { font-weight: bold; }


/* privacy */
.privacy #app_8 { font-size: 1.5em; }
.privacy h2{ margin-bottom: 5px; }
.privacy #app_12 {
    margin: 10px 0;
    text-align: center;
}
.privacy #app_41 { margin: 10px 0 15px; } 
.privacy #app_42 { font-size: 1.2em; }

/* mediabox */
.mediabox img, .mediabox div {
    display: inline-block;
    position: relative;

}

.lt-ie9 .mediabox img, 
.ie7 .mediabox img, 
.ie8 .mediabox img {
	float: left;
}


.mediabox > div {
    margin-left: 20px;
    width: 36%;
    vertical-align: top;
}

.lt-ie9 .mediabox > div, .ie7 .mediabox > div, .ie8 .mediabox > div { width: 49% !important; }
.mediabox input[type=text], .mediabox input[type=date]{
    width: 55%;
    margin: 10px 8px 0 0;
}
.mediabox label {
    padding-bottom: 15px;
    text-transform: uppercase;
}
.mediabox button:hover{ cursor: pointer; }

/* dialog box */
.ui-overlay {
    height: 100%;
    width: 100%;
    display: block;
    background: #939393;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: .6;
    position: fixed;
    top: 0;
    z-index: 1000;
    zoom: 1;
}

.dialog, .ui-dialog {
    display: none;
    position: absolute;
}
.ui-dialog {  box-shadow: 0 0 20px rgba( 0, 0, 0, 0.8) !important; }
.dialog .dialog-header, .ui-widget-header {
    background: white !important;
    border: none;
    border-bottom: 1px solid #A3A3A3 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #000 !important;
    padding: 10px 20px !important;
    position: relative !important;
    z-index: 1005;
}

.close-dialog, .ui-dialog-titlebar-close {
    color: #000 !important;
    padding: 10px;
    position: absolute;
    right: 0;
    text-decoration: none;
    zoom: 1;
    top: 6px;
}
.ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png) !important; } 
.ui-widget-header .ui-state-hover .ui-icon{	
	background-image: url(images/ui-icons_ffffff_256x240.png) !important;
}
.dialog .dialog-body, .ui-dialog .ui-dialog-content {
    background-color: #f8f8f8;
    font-size: 13px;
    padding: 10px;
}
.dialog p, .ui-dialog .ui-dialog-content p { padding: 5px 0; }
.dialog-pointer{
    background: url( ../images/dialog-pointer.png ) 0 0 no-repeat;
    bottom: -9px;
    display: block;
    height: 10px;
    left: 45%;
    position: absolute;
    width: 19px;
}

#invoice-upload { width: 600px; }
#invoice-upload .dialog-body {
  padding: 10px;   
  width: auto;
}

#invoice-upload td { padding: 5px 10px; }
#invoice-upload label {
	font-weight: bold;
	white-space: nowrap;
}

#invoice-upload .icon { display: none; }

#receiptUpload,
#claim_update .dialog-body { 
  font-family: 'FuturaMd', Helvetica, Arial, sans-serif;
  color: #333;
}
#receiptUpload h3 { color: #ff0000; }
#receiptUpload label,
#claim_update .dialog-body { font-size: 13px; }
#receiptUpload .button {
	font-size: 12px;
	padding: 3px 6px;
}
#receiptUpload frameset, #receiptUpload p.actions { float: left; }


/* Claim submition form */
form > div.step {
    display: block;
    position: absolute;
    visibility: hidden;
    width: 96%;
}

form > div.active.step { visibility: visible; }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; }
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

.clear { clear: both; }

#claim-submission {
    background-color: #F8F8F8;
    width: 100%;
    overflow: hidden;
    zoom: 1;
}
#claim-submission .dialog-body {
    margin: 0px;
    position: relative;
    zoom: 1;
    overflow-y: auto;
    overflow-x: hidden;

}
#claim-submission  .form { margin: 0; }
#claim-submission  .column {
    display: inline-block;
    float: left;
    margin-right: 3%;
    width: 48%;
}
#claim-submission .instruction { margin: -10px 0 10px; 
font-size: 85%;
}
#claim-submission  .detail-data { margin: 15px 0; }

#claim-submission  .detail-data .column {
    margin-right: 0;
    width: 31%;
}
.lt-ie9 #claim-submission .column { width: 43%; }
.lt-ie9 #claim-submission #step4 .column { width: 32%; }
.gt-ie8 #claim-submission #step4 .product-wrapper tr,
.gt-ie8 #claim-submission #step6 .product-wrapper tr {height:14px !important;}

#claim-submission .column:last-child{ margin-right: 0; }
#claim-submission p {
    margin-bottom: 0px;
}
#claim-submission  .detail-data p {
    margin-bottom: 5px;
    padding: 0;
}

#claim-submission .summary {
    width: 91%;
}

#claim-submission .summary p:first-child{
    padding: 0;
}
#claim-submission .rebate-amount {
    font-size: 140%;
    font-weight: bold;
}
#claim-submission  h1, #claim-submission  h2 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 2px #222;
}

#claim-submission  h2 {
    font-size: 20px;
    text-align: left;
    text-shadow: none;
}
#claim-submission .dialog-header h2 { margin-bottom: 0; }
/* #claim-submission .dialog-body h2 { margin-top: 20px; } */
#claim-submission  .hvac-id-search {
    left: 3px;
    position: relative;
}
#claim-submission .ad { margin: 20px 0; } 
#claim-submission ul.purchased-product-list {
    height: 200px;
    border: 1px solid #8A8A8A;
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 11px;
    overflow-y: auto;
}
#claim-submission ul.purchased-product-list a {
    text-decoration: none;
    padding: 3px;
    display: block;
    color: #666;
    float: left;
}
#claim-submission ul.purchased-product-list a.selected {
    background-color: #666;
    color: #fff;
}

#claim-submission ul.purchased-product-list a.product {
    float: left;
    white-space: nowrap;
}

#claim-submission ul.purchased-product-list a.product:after {
}

ul.purchased-product-list li {
    display: block;
    width: 100%;
    clear: both;
}

ul.purchased-product-list li:first-child a { padding-top: 10px; }

.add-product, .save { margin-right: 15px; }
#claim-submission table {
    margin: 2%;
    font-size: 12px;
    font-weight: bold;
    width: 90%;
}
#claim-submission table.column { margin-top: 0; }

#claim-submission table td { padding: 2px 2%; }
#claim-submission table#products td, 
#claim-submission table#productsConfirmation td { padding-left: 0;}
#claim-submission table th { text-align: left; }

#claim-submission #products, 
#claim-submission #productsConfirmation { width: 100%; }
#claim-submission #products, #claim-submission #productsConfirmation,
#claim-submission #products thead, #claim-submission #productsConfirmation thead,
#claim-submission #products tbody, #claim-submission #productsConfirmation tbody,
#claim-submission #products th, #claim-submission #productsConfirmation th,
#claim-submission #products td, #claim-submission #productsConfirmation td {
    display: block;
}
#claim-submission #products tr,
#claim-submission #productsConfirmation tr { 
    display: inline-block; 
    width: 100%;
}
#claim-submission #products,
#claim-submission #productsConfirmation { margin: 10px 0 0 0; }
#claim-submission #products tbody, #claim-submission #productsConfirmation tbody {
    display: block;
    height: 117px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

#claim-submission #products th, #claim-submission #productsConfirmation th,
#claim-submission #products td, #claim-submission #productsConfirmation td { 
    float: left;
    margin: 0; 
    width: 31%;
}
#claim-submission #products td,
#claim-submission #productsConfirmation td { padding: 0 5px 0 0; }
#claim-submission input, #claim-submission input[type=date], #claim-submission select {
    font-weight: bold;
    font-size: 15px;
    width: 94%;
    height: 35px;
    padding: 0 0 0 5px;
    margin: 5px 0;
}

#claim-submission  input.submit {
    border: none;
    cursor: pointer;
    width: 85px;
    height: 38px;
    position: relative;
    bottom: 2px;
    left: 655px;
}
#claim-submission  input.submit:focus { border: none; }
#claim-submission  select { 
	padding: 0 0 0 15px; 
	width: 100%;
}
#claim-submission  option { padding: 0 15px; }

#claim-submission  label {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin: 23px 0 0 0;
    width: 270px;
}
.new-product p {
    width: 90%;
}
#claim-submission .state, #claim-submission .zip { display: inline-block; zoom:1; vertical-align: top;}
#claim-submission .state { width: 230px; }
#claim-submission .state select { width: 215px; }
#claim-submission .zip { width: 115px; }
#claim-submission .zip input { width: 100px; }
#claim-submission .print-summary {
	background: url( '../images/print-icon.png' ) left center no-repeat;
	float: right;
	padding-left: 20px;
	position: relative;
	top: -39px;
	right: 19px;
	text-decoration: none;
}
#claim-submission .print-summary:hover{ text-decoration: underline !important; }
.pagination {
    padding: 0;
    width: 100%;
}
.pagination > a, .pagination > div { display: inline-block; }
.pagination a {
    height: 18px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 10%;
}
.pagination a.prev { visibility: hidden; }

#progress {
   display: inline-block;
   position: relative;
    text-align: center;
    width: 60%;
}
#progress li { display: inline-block; }
#progress li a {
    margin: 5px;
    displsy: block;
    padding: 3px 8px;
    text-decoration: none;
}

	/* survey */
	 .survey {
            margin: 0 auto;
            min-width: 680px;
            width: 680px;
        }
        .survey h3{ margin: 20px 0 0 0; }
        .survey  ul { padding-bottom: 20px; }
        .survey ul, .survey ul > li { width: 100%; }
        .survey ul > li { position: relative; }
        .survey ul > li p{ 
        	border: none !important;
        	margin: 0; 
        }
        .survey ul > li p, ol > li div { display: inline-block; }
        .survey ul > li p { 
	        font-size: 13px; 
	        width: 49%; 
        }
        .survey ul > li.fullLength p { width: 100%; }
        .survey ul > li.fullLength p.chkBxGroup { margin-left: 20px; }
        .survey ul > li p span{ display: inline-block; }
        .survey ul > li div {
            position: absolute;
            left: 50%;
            top: 0;
        }
        .survey  ul li {
            display: block;
            list-style: none;
            float: left;
            padding: 15px 10px;
         }

        .survey .labels{
            position: relative;
            left: 347px;
            top: 40px;
        }
		.survey p { }
        .survey ul.labels li:last-child{ margin-left: -4px; }
        .survey li { list-style: none; }
        .survey .questionNumber {
            display: inline-block;
            float: left;
            padding-right: 5px;
        }
        .survey .questionNumber:after{ content: '.'; }
        .survey .questionText{ width: 89%; }

        .survey .slider-container { width: 300px; }
        .survey p.legend {
            width: 100% ;
            font-family: Arial;
        }
        .survey p.legend span.currentOption { margin: 0 45px; }
                
        .survey .ui-slider{

            height: 8px;
            position: relative;
            left: 16px;
            top: 7px;
            width: 230px;

        }      
		.survey .ui-slider-range{ padding: 0 !important; }
		
       .survey .ui-slider-handle{
            background-color: #EEE;
            border-radius: 50%;
            border: 1px solid #888;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            margin-top: -13px;
            position: absolute;
            z-index: 1;
            top: 50% !important;
            width: 25px !important;
            height: 25px !important;
            outline: 0;
        }
        
        .survey label { line-height: 1; }
        .survey input{ width: auto !important; }
        .survey input[type=radio]{ 
        	height: auto !important; 
        	margin: 0 4px 0 8px !important;
        }
       .survey .alt { background-color: #ddd; }
 #claim-submission select#salesperson {
 	width: 95%;
 }
/* End Claim submission form */

/* Large desktop */
 @media (min-width: 1200px) { 
 
 	input#dealer-hvac-id,input#sale-date,#claim-submission select#salesperson{
 		 width: 91%;
 	}
 }
 @media (min-width: 978px) and (max-width: 1199px) { 
 	input#dealer-hvac-id,input#sale-date,#claim-submission select#salesperson{
 		 width: 89%;
 	}
 
 }
 /* Portrait tablet to landscape and desktop */
 @media (min-width: 768px) and (max-width: 979px) { 
 	input#dealer-hvac-id,input#sale-date,#claim-submission select#salesperson{
 		 width: 87%;
 	}
 
 }
 
 /* Landscape phone to portrait tablet */
 @media (max-width: 767px) { 
 	input#dealer-hvac-id,input#sale-date,#claim-submission select#salesperson{
 		 width: 82%;
 	}
 }
 
 /* Landscape phones and down */
 @media (max-width: 480px) { 
 	input#dealer-hvac-id,input#sale-date,#claim-submission select#salesperson{
 		 width: 86%;
 	}
 } 

/* promotions page */
.promotion-page article {
    width: 45%;
    display: inline-block;
}
.promotion-page li{ margin-bottom: 15px;}
.promotion-page li p.description { margin-left: 0; }

ul.purchased-product-list a.remove {
        height: 14px;
        /*margin-right: 10px;*/
        width: 14px;
}

/* promotions page */
.promotion-page article {
    width: 45%;
    display: inline-block;
}
.promotion-page li{ margin-bottom: 15px;}
.promotion-page li p.description { margin-left: 0; }

.product-wrapper {clear:left;padding-top:12px;}


/* reports */
#page_wrapper { padding: 0; }
 .filters {
     position: relative;
     top: 0px;
 }
 .table-wrapper, .view-filters { visibility: visible; }
 .filters form {
     width: 100%;
     margin: 0 auto;
 }
 .filters form p {
     float: left;
     margin: 0 7px;
     width: 200px;
 }
 .filters form p.date-wrapper { width: 105px; }
 .filters form[name=product-report] p { height: 90px; }
 .filters form p.long{ width: 270px; }
 .filters form p.short{ width: 100px; }
 .filters form p:last-of-type { margin-top: 30px; padding-bottom:50px; }
 .lt-ie9 .filters form p.last { margin-top: 12px; }
 .filters form span {
     display: inline-block;
     width: 47.5%;
 }
 .filters form span:first-of-type{ margin-right: 20px; }
  
 .filters label{
     font-size: 12px;
     font-weight: bold;
     margin: 0;
     width: 100%;
     display: inline-block;
     text-align: left;
 }

 .filters input[type=text], .filters select{
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     color: #404040;
     width: 100%;
 }
 .filters input[type=text]{
     background-color: #fff;
     margin: 0 0 13px 0;
     width: 90%;
 }
 .datepicker{
     background: url( ${contextPath}/css/images/calendar_icon.gif ) right center no-repeat;
 }

/* general classes */
.margin-top10 { margin-top: 10px !important; }


/* jquery-ui overrides */
#ui-datepicker-div .ui-widget-header { 
	color: #ffffff !important; 
	padding: 0.1em 0.2em !important;
}
#ui-datepicker-div .ui-widget-header .ui-state-hover{
    padding: 0 0 2px 2px !important;
}
#ui-datepicker-div .ui-icon , #ui-datepicker-div .ui-state-hover .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png) !important; }



/*legend for barcharts*/
.legendWrapper { margin: -12px 0 0;}
.legendWrapper ul {
    padding: 0;
    margin: 0;
}
.legendWrapper ul li { 
	display: none; 
	padding: 0; 
	margin: 0;
}
.legendWrapper ul li p { 
	margin: 0 !important; 
	font-size: .7em; 
}
.upload-results { 
	border:0; 
	height: 100px;
	padding:0; 
	margin:0;
	overflow-y: scroll;
}

.live-chat-wrapper IMG {
width: 128px;
margin:0 auto;
display:block;
}

ASIDE.live_chat_module {
    margin-left: 375px;
    padding: 10px;
}

.detail-data .label {
    font-weight: bold;
}

#payout_message {
    padding: 1em 0;
}

.report_header {
    font-size:11px;
    font-weight:bold;
}
.report_column_category_centered {
    text-align: center;
    font-size:11px;
    font-weight:bold;
}

.report_column_detail_centered {
    text-align: center; 
    font-weight:normal;
}

.ipad .dw-persp { z-index: 3001 !important; }
.ipad .ios.dw-bubble .dw { z-index: 3002 !important; }

/* clearfix */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

#myAccount table td {
    padding: 6px;
}

.account2col {
  display: inline-block;
  margin: 0.6em 2%;
  max-width: 45%;
  vertical-align: top;
  zoom: 1;
}
.account2col label {
  display: inline-block;
  font-size: 14px;
  width: 65px;
  text-align: right;
  zoom: 1;
}
.account2col a.button {
  margin-left: 65px;
}

.dist-dealer-dropdown {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto !important;
    float: none;
	
}
.dist-dealer-dropdown select {
    width: auto;
}

.countdown-date ul li{
	display:inline-block;
}

.filters form p.dist-dealer-dropdown{
	margin-bottom:-60px;
}

.prodsummary p.date-wrapper{
	margin-left:-70px;
	margin-left:0\9;
	margin-bottom:-30px;
}



.rebate_redemp form p:last-of-type{
	margin-top:15px!important;
	margin-left:-80px;
	
}

.rpt_ranking p.date-wrapper{
	clear:both;
}

.rpt_ranking p.date-wrapper ~ p.date-wrapper { 
clear:none;
}


/********************************************** At A Glance Styles ***********************************************/

section.content-col h2 .asOf {
	font-size:0.6em;
	text-transform: none;
}

section.content-col .leftPromoList {
	width: 50%;
	position:absolute;
	top:4.15em;
	bottom:0;
}

section.content-col .leftPromoList .pointer {
	transition:top 0.5s ease;
	display:block;
	width:8px;
	height:17px;
	position:absolute;
	right:0;
	top:47.5%;
}

section.content-col .leftPromoList ul {
	text-align:center;
	font-weight:bold;
	display:block;
	margin-top:0;
}

section.content-col .leftPromoList ul li {
	transition: color 0.5s ease, font-size 0.5s ease;
	display:block;
	margin:0.5em;
	font-size:1em;
	cursor:pointer;
}

section.content-col .leftPromoList ul li.selected {
	font-size:1.1em;
}

section.content-col .leftPromoList i {
	display:block;
	text-align:center;
	font-size:2.2em;
	font-weight:bold;
	cursor:pointer;
}
section.content-col .leftPromoList .up:after{
	font-family:"icons";
	content:"\f106";
	transition: all 0.25s ease;
	position:relative;
	z-index:100;
}

section.content-col .leftPromoList .down:after{
	font-family:"icons";
	content:"\f107";
	transition: all 0.25s ease;
	position:relative;
	z-index:100;
}


.verticalCenter-outer {
	display:table;
	position: relative;
	height: 100%;
	width: 100%;
}

.verticalCenter-outer .verticalCenter-middle {
		display: table-cell;
		vertical-align: middle;
}

.verticalCenter-outer .verticalCenter-middle .verticalCenter-inner {
			margin-left: auto;
			margin-right: auto;
			font-family: 'FuturaMd', Helvetica, Arial, Sans-serif;
}

section.content-col .rightInfoDisplay{
	width: 50%;
	position:absolute;
	top:4.15em;
	bottom:0;
	right:0;
}

section.content-col .rightInfoDisplay ul li {
	margin:1em;
	font-size:0.6em;
	text-transform:uppercase;
	padding: 4px 0 0 33px;
	height:34px;
	background:url("../images/at-a-glance-icons.png") no-repeat;
	color:rgba(255, 255, 255, 0.7);
}

section.content-col .rightInfoDisplay ul li:nth-child(2) {
	background-position:0 -57px;
}

section.content-col .rightInfoDisplay ul li:nth-child(3) {
	background-position:0 -114px;
}

section.content-col .rightInfoDisplay ul li:nth-child(4) {
	background-position:0 -171px;
}

section.content-col .rightInfoDisplay ul li a {
	display:block;
	font-size:1.8em;
	font-weight:bold;
	color:white;
}

#deniedDialog table {
	border-collapse:separate;
	border-spacing:8px;
	min-width:565px;
}

#deniedDialog table thead{
	font-weight:bold;
	text-align:left;
}

#deniedDialog .spinner_image {
	display: block;
	margin: 26px auto;
}

#payout-message-confirmation {
  font-family: FuturaMd, Helvetica, Arial, sans-serif;
  color: inherit !important;
}

/********************************** End At-a-glance ******************************************/