@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700');


/*  TYPOGRAPHY  ============================================================================= */
@font-face {
    font-family: 'montserrathairline';
    src: url('../fonts/Montserrat/montserrat-hairline-webfont.eot');
    src: url('../fonts/Montserrat/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat/montserrat-hairline-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-hairline-webfont.woff') format('woff'),
         url('../fonts/Montserrat/montserrat-hairline-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'montserratlight';
    src: url('/fonts/montserrat-light-webfont.eot');
    src: url('/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-light-webfont.woff') format('woff'),
         url('/fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('/fonts/montserrat-regular-webfont.eot');
    src: url('/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('/fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('/fonts/montserrat-bold-webfont.eot');
    src: url('/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-bold-webfont.woff') format('woff'),
         url('/fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ============================================================================= */



.content {
    margin: 35px 0;
    border: 1px solid #b7adad;
    background: #dadada;
}

.content-right {
    padding: 60px 0 0;
    margin: 0 0 0 79%;
}

.left-col-nav{
	float:left;
	width:25%;
	padding:35px 0;
	text-align:right;
}

/*

#chart-nav{
	position: fixed;
    top: 0px;
    width: 200px;
}

left-col-nav is_stuck {
	position: static;
    height: 376px;
    display: block;
    vertical-align: baseline;
    float: left;
}

*/


#chart-nav a {
    display: block;
    padding: 15px 30px 0 0;
    font-family: 'montserratregular';
    color: #808080;
	text-decoration:none;
}
	#chart-nav a:hover, #chart-nav a.active {
    color: #b14f08;
	text-decoration:none;
	}
	#chart-nav a:link {
		-webkit-tap-highlight-color: transparent;
	}
	
	
.back-to-top a{
	font-family: 'montserratlight';
	color: #b14f08 !important;
	font-size: 13px;
	text-decoration:underline !important;
}
.back-to-top a:hover{
	font-family: 'montserratlight';
	color: #808080 !important;
	font-size: 13px;
	text-decoration:none !important;
}
	
	
.left-col#charts {
    background-color: #fff;
}

.left-col{
	position:relative;
	margin-left:25%;
	padding-bottom: 70px;
	border-left:1px solid #ebebeb;
	z-index: 1;	
}


#charts .chart-header {
    position: relative;
    padding: 40px 40px 25px;
    background: #008d45;
}
#charts .chart-header a {
    position: absolute;
    top: 53%;
    left: 40px;
    color: #e7e7e7;
    font-size: 12px;
    font-family: 'montserratlight';
	text-decoration:underline;
}
	#charts .chart-header a:hover {
		text-decoration:none;
	}
	
#charts .chart-header h3 {
    color: #fff;
    margin: 0;
    font-family: 'montserratregular';
	text-transform: uppercase;
	text-align: right;
}
#charts .chart-header h4 {
    color: #fff;
    margin: 0;
    font-family: 'montserratregular';
	padding:0;
}



.download-table {
    margin: 30px 0 45px;
}
table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 35px;
    padding: 0;
}
.download-table th:first-child {
    padding-left: 15px;
}
.download-table th {
    cursor: pointer;
}
table tr th, table tr td {
    text-align: left;
    font-family: 'montserratregular';
    color: #222;
	padding: 6px 0 20px 0;
}

.download-table .model {
    padding-left: 0px;
}



table tr th.w20, table tr td.w20 {
    width: 15%;
}
table tr th.w10, table tr td.w10 {
    width: 15%;
}
table tr th.w12, table tr td.w12 {
    width: 10%;
}
table tr th.w8, table tr td.w8 {
    width: 10%;
}





.avail a{
	color:#e21836;
	text-decoration:none;
}
.avail a:hover{
	color:#b3b3b3;
}


.download-table .avail {
    text-align: right;
}

.download-table th:last-child {
    text-align: left;
    cursor: auto;
}

/*.m-show {
    display: none;
}
*/

.download-table td:first-child {
    padding-left: 12px;
}
table tr td {
    padding: 6px;
	font-family: 'montserratlight';
    vertical-align: middle;
}
strong, b {
    font-weight: 700;
}
table tr td span.m-show {
    display: none;
}
.download-table td.avail {
    font-weight: 700;
    color: #ff881f;
}

.download-table td.avail {
    font-weight: 700;
    color: #ff881f;
}
.download-table .avail {
    text-align: right;
	padding: 0 10px 0 0;
}
.download-table .avail img {
    float: right;
}
.content img {
    display: block;
    margin: 0;
    max-width: 100%;
}

.download-table td:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    padding-right: 25px;
}
table tr td:last-child {
    text-align: left;
	font-family: 'montserratlight';
}
table tr td {
    padding: 6px;
	font-family: 'montserratlight';
    vertical-align: middle;
}

table tr:nth-child(even) {
    background-color: #e4e4e4;
}
table.charts tr.chart-row:nth-of-type(4n+3) {
    background-color: #e4e4e4;
}

.download-table td:first-child {
    padding-left: 12px;
}



@media screen and (max-width: 875px) {

.left-col-nav {
    padding: 20px 30px;
    float: none;
    width: auto;
    text-align: left;
}
.left-col {
    margin-left: 0;
}



}
@media screen and (max-width: 723px) {
	

table tr td {padding: 6px 10px;}

table tr th, table tr td {padding: 6px 10px 20px 10px;}
#charts .chart-header a {left: 15px;}


}
@media screen and (max-width: 545px) {
	
table tr td {font-size:13px;}
tr {font-size:13px;}
.download-table td:last-child {font-size:13px;}


#charts .chart-header h3 {text-align: center;}
#charts .chart-header a {top: 8px;}



}
@media screen and (max-width: 445px) {

.download-table td:first-child {display: block;}
.download-table th:first-child {display: block; padding-left: 11px;}

table tr th, table tr td {display:none;}



}
@media screen and (max-width: 350px) {

#charts .chart-header a { left: 10px;}
#charts .chart-header {padding: 40px 10px 25px;}

table tr th, table tr td {padding: 6px 0px 20px 10px;}
.download-table th:last-child {padding-right: 0px;}




}