/* COMMON */
/*
@page {
	margin-left: 1.27cm;
    margin-right: 1.27cm;
}
*/
body {
	font-family: haffer;
}
/*
p {
	color: #000;	
	font-size: 24px;
}
*/
a {
	text-decoration: none;
	color: auto;
}

.title {
	font-size: 12pt;
	font-family: haffer-bold;
	margin-bottom: 11.25pt;
}	

hr {
	color: #000;
}

.bold {
	font-family: haffer-bold;
}

.text-center {
	text-align: center;
}






/* STRUCTURE */

.row {
  	margin: 7.5pt 0 0 0;
  	padding: 0;  	
}

.row-s {
    margin: 5.5pt 0 0 0;
    padding: 0;  	
}

.row-xs {
    margin: 3.5pt 0 0 0;
    padding: 0;  	
}

.row-xxs {
    margin: 1pt 0 0 0;
    padding: 0;  	
}

.row-xxxs {
    padding: 0;
    margin: 0;
    line-height: 5pt;
}

.col-1, .col-1_8, .col-2, .col-2_6, .col_2_7, .col-2_8, .col-3, .col-3_8, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-5_5, .col-3_5, .col-2_5, .col-1_5  {
  	position: relative;
  	min-height: 1pt;
	border: 0;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
	float: left;	
}

.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666666%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666666%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666666%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3_8 {
  width: 31.66666666%;
}
.col-3 {
  width: 25%;
}
.col-2_8 {
  width: 23%;
}
.col-2_7 {
  width: 22%;
}
.col_2_6 {
  width: 21%;
}
.col-2_5 {
  width: 20%;
}
.col-2 {
  width: 16.6666666%;
}
.col-1_8 {
  width: 14%;
}
.col-1 {
  width: 8.33333333%;
}
.col-5_5 {
  width: 46.66666666%;
}
.col-3_5 {
  width: 30%;
}

.col-1_5 {
  width: 10%;
}

.table-title {
    background-color: #d9e0f1;
    padding: 7pt 10pt;
    font-weight: bold;
}

.border-top {
    border-top: 1px solid gray;
}

.m-l {
    margin-left: 5pt;
}

.m-r {
    margin-right: 5pt;
}

.m-l-r {
    margin-left: 5pt;
    margin-right: 5pt;
}

.t-c {
    text-align: center;
}

.p-1 {
    padding: 10pt;
}

/* HEADER / FOOTER */

#header #texts {
	/* padding-top: 11.25pt; */
	/*margin-left: 7.5pt;*/
}

#header #texts .header-title {
	/*font-size: 18pt;*/
	font-size: 15pt;
	font-family: haffer-bold;	
}

#header #texts .header-subtitle {
	font-size: 12pt;
	font-family: haffer-light;
	line-height: 14pt;
}

#header #header-logos {
	/* padding-top: 7.5pt; */
	text-align: right;
} 

.header-logo {
	/*width: 30pt;*/
	margin-left: 5pt;
}





#footer {
	font-size: 6pt;
	font-family: haffer-light;
}





/* PAGE 1 */


.product-image {
	/*height: 60px;*/
	background-image-resize: 4;
	/*background-position: middle;*/
}

.product-detail-image {
	padding: 0 7.5pt;
}

.product-description .row {
	margin: 0;
}

.product-description ul {
	padding-left: 15pt;
	margin-top: 0;
	margin-bottom: 0;
}

.product-description ul li {
	font-size: 6pt;
	/*list-style-position: outside;*/
	margin-bottom: 0pt;
}


.div-input-border {
	border-bottom: .5pt solid #000;
}


.border-left {
	border-left: .5pt solid #000;
}	
	
.div-table {
	float: left; 
	border: .5pt solid #000;
	border-left: 0;
}	

.div-table.title-table {
	background-color: #e3e2e1;
	padding: 1.5pt 0;	
	border-bottom: 0;	
}

.div-table.title-table .text-title {
	text-align: center;
	font-size: 4.90pt;
	/*margin-top: 7.5pt;*/
	margin-top: 3pt;
	font-family: haffer-bold;
}

.div-table.title-table .text-title-min {
	text-align: center;
	font-size: 5pt;
	/*margin-top: 7.5pt;*/
	margin-top: 2.8pt;
	font-family: haffer-bold;
}

.div-table .circle-white {
  	background-color: #fff;
  	border: .5pt solid #000;
  	color: #000;
  	margin: auto;
  	border-radius: 50%;
  	height: 12pt;
  	width: 12pt;
  	font-size: 0.075pt;
  	margin-top: 1.5pt;
}

.div-table .circle-white div {
	font-size: 9pt;
	font-family: haffer-bold;
	text-align: center;
	padding-top: 0.5pt;
}	




input {
	width: 100%; 
	border-color: #fff; 
	background-color: #fff;
	/*font-size: 10.5pt;*/
	font-size: 5pt; 
	font-family: haffer-bold;
	text-align: center;
}

textarea {
	width: 101%;
	height: 70px;
	border-color: #fff; 
	background-color: #fff;
	/*font-size: 10.5pt;*/
	font-size: 5pt; 
	font-family: haffer-bold;
	text-align: center;
}

.input-default-value {
	text-align: center;
	font-family: haffer-bold;
	padding: 3.75pt 0 2pt 0;
	/*font-size: 9pt;*/
	font-size: 5pt;
}

.input-default-value2 {
	text-align: center;
	font-family: haffer-bold;
	padding: 3.75pt 0 2.5pt 0;
	/*font-size: 9pt;*/
	font-size: 5pt;
}



.sample-part-number {
	font-size: 6pt;
margin-top: 5pt;
}

.sample-part-number span {
	font-family: haffer-bold;
}	
	
	

	
.blocks .circle-grey {
  	background-color: #5a5a5a;
  	color: #fff;
  	border-radius: 50%;
  	height: 15pt;
  	width: 15pt;
  	font-size: 0.075pt;
  	margin-bottom: -7.5pt;  
  	z-index: 10;
}

.blocks .circle-grey div {
	font-size: 9pt;
	font-family: haffer-bold;
	text-align: center;
	padding-top: 2pt;
}



.blocks .block-title {
	background: #e3e2e1; 
	margin: 0 3.75pt 0 3.75pt; 
	text-align: center; 
	font-family: haffer-bold; 
	font-size: 7.5pt;
	border: .5pt solid #000;
	padding-top: 0.5pt;
}

.blocks .block-content {
	margin: 0 3.75pt 0 3.75pt; 
	font-size: 5.7pt;
	border: .5pt solid #000;
	border-top: 0;
	/*padding: 7.5pt;*/
	padding: 5pt 7.5pt;
}

.blocks .block-content.more-padding {
	padding: 5pt 5.5pt;
}

.blocks .block-content.no-border-bottom {
	border-bottom: 0;
}

.blocks .block-content .description {
	font-size: 5.25pt;
	line-height: 6.75pt;
	font-family: haffer-light;
	margin-top: 6pt;
}


.arrow-div {		
	margin-left: -15.75pt;
}

.arrow {
	width: 7.5pt;	
}



/* LED TABLE */

.w-ft {
	font-family: haffer-light;
}

.img-check {
	/*margin-bottom: 3.75pt;
	width: 11.25pt;*/
	width: 8pt;	
}


.footer-notes {
	/*font-size: 6.75pt;*/
	font-size: 8pt;
	font-family: haffer-light;
	line-height: 10pt;
}

.footer-notes ul {
	margin-right: 10pt;
	margin-top: 0;
}



/* COMPATIBLE LEDS */

.compatible-leds .titles {
	font-family: haffer-bold; 
	font-size: 7pt;
	margin-bottom: 3pt; 
}

.compatible-leds table {
	margin-right: 15pt;
	border-collapse: collapse;
	width: 100%;
	border: .2pt solid #000;
}

.compatible-leds table td {
	border: .2pt solid #000;
	padding: 2pt;
	font-size: 5pt;
}








/* PAGES */

.pages .circle-grey {
  	background-color: #5a5a5a;
  	color: #fff;
  	border-radius: 50%;
  	height: 15pt;
  	width: 15pt;
  	font-size: 0pt;
  	margin-bottom: -15pt;  
  	z-index: 10;
}

.pages .circle-grey div {
	font-size: 9pt;
	font-family: haffer-bold;
	text-align: center;
	padding-top: 2pt;
}

.pages .title .with-number {
	margin-left: 18.75pt;
}



.pages .dimensions-notes,
.pages .mounting-notes {
	font-size: 6pt;
	margin: 3pt 3pt 0 3pt;
	text-align: center;
}

.pages .col-line {
	border-right: .5pt solid #000;
	text-align: center;
	/*padding: 7.5pt 7.5pt 0 7.5pt;*/	
	padding: 0 2pt;
}

.pages .col-line.no-padding {
	/*padding: 1.5pt;*/
	padding: 1pt;  
}

.pages .col-line.last {
	border-right: 0;	
}



.pages .table-finish,
.pages .table-lens,
.pages .table-color
 {
	width: 80%;
}

.pages .table-finish td,
.pages .table-lens td,
.pages .table-color td {
	font-size: 6pt;	
	font-family: haffer;
	padding: 0;
	text-align: left;
	border: none;
}

.pages .table-finish .td-image,
.pages .table-lens .td-image,
.pages .table-color .td-image {
	width: 45pt;	
}

.pages .table-finish.margin-left {
	margin-left: 10pt;
}

.finish-image,
.lens-image,
.color-image {
	/*width: 45pt;*/	
	border: .5pt solid #000;
	border-bottom: 0;
	align: absmiddle;
}

.finish-image.last,
.lens-image.last,
.color-image.last {
	border-bottom: .5pt solid #000;
}


.pages .note-subtitle{
	font-size: 6pt;
}


.div-end-caps {
	float: left;
}

.pages-text-list {
	font-size: 8pt;
	font-family: haffer-light;
	line-height: 10pt;
}

.pages-text-list ul {
	margin-right: 10pt;
	margin-top: 0;
}

.info-table {
	margin-top: 10pt;
}

.info-table th {
	padding: 5pt 3pt;
}

.info-table td {
	font-size: 7pt;
	font-weight: normal;
	padding: 7pt 4pt;
	border: none;
	border-top:1px solid gray;
	vertical-align: middle;
}

@page :first {    
    header: html_firstpageheader;
	footer: html_firstpagefooter;
}

@page {  
    header: html_otherpageheader;
	footer: html_firstpagefooter;
}