/* Global Styles
================================================================================================================ */
html {
	min-height: 100%; 
}


/* Font changed from 'Open Sans', sans-serif 01/20/17 to test oversized I issue */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 400;
	line-height: 1.43em;
}

a {
	text-decoration: none;
}

/* added margin settings, created more space and presumably centered non-fixed content*/ 
table {
	margin: 15px auto auto auto; /* this is causing the gap at the top of the tblTOC - JW 3 15 2017 */
    border-collapse: collapse;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}


/* Backgrounds and Background Colors NO FONT HERE NO FONT HERE NO FONT HERE NO FONT HERE NO FONT HERE NO FONT HERE
/* ABS Red RGB - 238,59,52 / ABS Blue RGB - 0,83,161
================================================================================================================ */
body                                        { background: rgba(255,255,255,1); }
header                                      {	background: linear-gradient(to top, rgba(100,100,100,.25), white); }
.main-nav a                                 { background: none }
.thumbnail-row li                           { background: rgba(255,255,255,.7); }
.thumbnail-row li:hover                     { background: rgba(255,255,255,1); }
.thumbnail-row a:hover                      { background: rgba(200,200,200,.1); }
/*.page                                       { background: rgba(255,255,255,1); } removed 09/21/2016 because the first page break had a white background*/
.page-header                                { background: rgba(255,255,255,1); }
.door-box-container                         { background: rgba(255,255,255,1); }
.door-box,
.door-box-two                               { background: rgba(255,255,255,1); }
.shadyTable tr:nth-of-type(2n+1)                        { background: rgba(0,0,0,.1); } /* is effecting ALL <tr> tags on the price pages */
.image-glass-price-table tr,
.add-on-table,
.global-page-header,
.global-page-footer                         { background: rgba(255,255,255,1); }
fieldset                                    { background: rgba(255,255,255,1); }


/* Typography Colors and Shadows
================================================================================================================ */
/* included fonts
font-family: 'Open Sans', sans-serif;  (styles=Light 300, Normal 400, Normal 400 Italic, Bold 700)
font-family: arial narrow;
*/
a,
a:visited                                   { color: rgba(0,0,0,1); }
.main-header h2,
.main-header p                              { color: rgba(255,255,255,1); text-shadow: 0px 1px 1px rgba(0,0,0,.9); }
.main-logo a                                { color: rgba(140,0,0,1); text-shadow: none; }
.image-glass-price-table tr                 { font-family: arial narrow; }
.global-page-footer                         { font-size: 10px }

/* Main Header Styles
================================================================================================================ */
header {
	width: 100%;
	position: fixed;
	top: 0;
	padding: 5px 0 7px 0;
	box-shadow: 0 2px 5px rgba(100,100,100,.3);
	border-top: 5px solid rgba(0,83,161,1);
	border-bottom: 1px solid rgba(100,100,100,.7);
	display: none;
}

.main-header {
	width: 900px;
	height: 50px;
	margin: auto;
}

.main-header > * {
	vertical-align: middle;
}

.main-logo a {
	padding: 5px 10px 5px 0;
}

nav h1 {
	margin: 0;
	padding: 0;
}

.main-logo a::after {  /* This is the abs logo */
	content: url(../img/abs-simple-logo.png);
}

.main-logo {
	margin: 0;
}

.main-logo,
.main-nav,
.main-nav li,
nav {
	display: inline-block;
}

.main-nav {
	margin: 0;
	padding: 5px;
}

.main-nav li {
	padding-left: 10px;
}


/* Table of Contents
================================================================================================================ */
#tocPage {

}

/* sets top margin to 1/64" margin and bottom, left and right to 0" */
@page {
	margin: 0.1in 0in -0.1in 0in;  /* 2 22 2017 added to get control of the printer margins.  JW */
	size: 8.5in 11in;
}

/* sets left and right margins for hole-punches (in theory) */
/*
@page :left {
	
	margin-right: 15px;
	padding-left: 20px;
	
	}

@page :right {
	
	margin-left: 15px;
	padding-right: 20px;
	
	}
*/

/* changes back and forth depending on the whims of the collective 50px to 15px - Padding is always 20px */




#tblTOC {
	line-height: 1.5em;
	font-size: 12px;
	width: 96%;  /* changed from 99 to 95 JW 2 22 2017.  mike manipulating php */
}



.tdTocSection {
	width: 44%;  /* added JW 2 22 2017.  mike manipulating php */
	padding-right: 10px;
}

.tdTocSpacer {
	width: 4mm;  /* added JW 2 22 2017.  mike manipulating php */
}

.pagenumber {
	vertical-align: text-top;
	text-align:right;
	padding-right: 5px;
  }
  
.pagetext {
	vertical-align: text-top;
	text-align:left;
	/*width: 300px;*/
  }


/* Price Page Styles Desktop
================================================================================================================ */
.global-page-header {
	border: none;
	/*border-top: 1px solid rgba(0,0,0,.1); this is the faint border at the top that shouldn't print - JW 12/1/2016 */
	border-bottom: 2px solid black;
	/*width: 8.5in;*/
	height: .25in;
}

/* Removed height/width to make page sit evenly on left and right sides with no margins */
.page {
	margin: 0px;	
}


.page-header {
	width: 8.5in;
	height: .25in;
}
.header80 {
	background-color: black;
	color: white;
}
.header70 {
	font-style: italic;
}



.add-on-table td {
	border-right: 1px solid white;
	padding: 3px;
}

.global-page-footer {
	padding: .06250in 0 .25in 0;
	margin: 0 0 15px 0;
	border-top: 2px solid black;
  /* box-shadow: 0px 5px 2px rgba(0,0,0,.1); this was the dark spot on the printed page 12/01/2016 - JW*/
	/*width: 8.5in;*/   
}

.global-page-footer {
	position: static;
	page-break-after: always;	
}



/* this is the separation between the pricing rows, three per page 
.adobe-page-break {	
  height: 20px;
  border: 0;
  box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}*/
.adobe-page-break {	 
  border: 0; 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8c8c; 
  border-width: 1px 0 0 0; 
  border-radius: 10px;
}
.adobe-page-break:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8c8c; 
  border-width: 0 0 1px 0; 
  border-radius: 10px; 
	box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.5); 
}

/* Simple Global Styles - these are at the bottom so they override anything above, just in case
================================================================================================================ */
.center {
	text-align: center;
}

.left {
	text-align: left;
}

.three-hundred {
	font-weight: 300;
}

.hidden {
	visibility: hidden;
}

.visible {
	margin: 100px 25% 0 25%;
	display: inline-block;
}


/* Special Additions
================================================================================================================ */


.HEADER-LINE {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}



/*

.col4 {
	width: 450px;
	height: 145px;	

}

.col3 {
	width: 400px;
	height: 135px;	
}


.col2 {
	width: 300px;
	height: 125px;	
}

.col1 {
	width: 200px;
	height: 125px;	
}

*/


.glass-price-image img {
	max-width: 72px;
	height: 170px;
}

.profile-image img {
	width: 150px;
}

.image-glass-price-table td {
	margin-right: 10px;
	padding: 2px;
}

.glass-only {
	border: 0px solid red;
}

.global-page-header, /* this is the wrong place to do this but this removes the margin and adds padding so the background will show in the element. */
.page-header {
	padding: 15px 0px 5px 0px;
	margin: 0px;
}
.FIXED-FIRST {

	width: 125px;
	word-wrap: break-word;
}

.FIXED-SECOND {
	
	width: 100px;
}

/* Adders Section
================================================================================================================ */




.adder-image-table {
	border: none;
	margin-left: 5px;
	
}

.adder-price-table td {
	height: 11px;
}

.adder-price-table-prices {
	width: 12mm;	
}

.ADDER-PRICE-TABLES-PRICES {
	width: 15mm;	
}

.rowspan-header {
	font-weight: bold;
}

.adder-price-table th {
	height: 12px;
	font-size: 10px; 
}

.HEADER-BORDERS {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 0px solid black;
	
}

.HEADER-END {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 0px solid black;
	border-left: 0px solid black;
	
}

.divAddTables { 
	width:93%; 
	height: 9.6in;
}

.apdxtable {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 2em;
	padding: 2px;
	width: 75%;
}
.apdxlist {
	 list-style-type: none; 
	 }