/* Global Styles

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

html {

	min-height: 100%; 

}



body {

	font-family: 'Open Sans', sans-serif;

	font-size: 9px;

	font-weight: 400;

	line-height: 1.45em;

	margin: 0;

}



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(0,0,0,.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: 'Open Sans', sans-serif; }

.global-page-footer                         { font-size: 10px }



/* Main Header Styles

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

header {

	width: 100%;

	position: fixed;

	top: 0;

	padding: 5px 0 3px 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);

	background-color:#FFF;

}



.main-header {

	width: 500px;
	margin: auto;
	display: flex;
    align-items: center;
    justify-content: center;

}



.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;
	margin-right:20px;

}



.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 {

	/*-webkit-column-count: 2; /* Chrome, Safari, Opera */

  /*-moz-column-count: 2; /* Firefox */

  /*column-count: 2;*/ 

	height: 9.5in;

	margin-top: -15px;

}





#tblTOC {

	line-height: 1.5em;

	font-size:12px;

	width:93%;  /* changed from 99 to 95 JW 2 22 2017.  mike manipulating php */

}







.tdTocSection {

	width: 44%;  /* added JW 2 22 2017.  mike manipulating php */

}



.tdTocSpacer {

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

}



.pagenumber {

	vertical-align: text-top;

	text-align:right;

	padding-right: 3px;

  }

  

.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);

	border-bottom: 2px solid black;

	width: 8.5in;

	height: .25in;

}



.page {

	width: 8.5in;

	height: 11in;

	margin: 98px auto 0 auto;

}



.page-header {

	width: 8.5in;

	height: .25in;

}

.header80 {

	background-color: black;

	width: 100%;

	color: white;

}

.header70 {

	width: 100%;

	font-style: italic;

}





.add-on-table td {

	border-right: 1px solid white;

	padding: 3px;

}



.global-page-footer {

	padding: .0625in 0 .25in 0;

	margin: 0 0 20px 0;

	border-top: 2px solid black;

  box-shadow: 0px 5px 2px rgba(0,0,0,.1); 

	width: 8.5in;   

}



.global-page-footer {

	page-break-after: always;	

}



hr {

  margin: .1250in .4531in 0.1875in auto;	

  border: 0;

  height: 1px;

  background-image: linear-gradient(to right, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, .1));

}



/* 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

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

.double-borders {

	border-top: 1px solid black;

	border-bottom: 1px solid black;

}



.HEADER-LINE {

	border-top: 1px solid black;

	border-bottom: 1px solid black;

}



/*

.TOP-SHELF:nth-of-type(1n+1),

.top-shelf:nth-of-type(1n+1),

.door-price-table th {

	border-right: 1px solid red;

}



.BOTTOM-SHELF:nth-of-type(3n+1),

.DOUBLE-BORDERS:nth-of-type(3n+1),

.GLASS-PRICE-IMAGE:nth-of-type(3n+1) {

	border-right: 1px solid red;



}



.DOUBLE-BORDERS:nth-last-child(14n+1),

.TOP-SHELF:nth-last-child(5n+1),

.BOTTOM-SHELF:nth-last-child(5n+1),

.top-shelf:nth-last-child(5n+1),

.door-price-table th:nth-last-child(5n+1) {	

	border-right: none;

}

*/







.door-price-table,

.door-price-table-margin {

	margin-left: 10px;

	border-left: 0px solid red;

	padding: 0px;

	width: 500px;

}



/*

.col4 {

	width: 500px;	

}



.col3 {

	width: 400px;	

}





.col2 {

	width: 300px;	

}



.col1 {

	width: 200px;	

}

*/



.image-glass-price-table {

	margin-left: 0px;

	width: 185px;

	height: 216px;

}



.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;

}



/* Adders Section

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





.contain-adds {

	margin-left: -12px;

	margin-top: -15px;

	width: 98%;

	border: none;

		

}



.adder-image-table {

	border: none;

	margin-left: -7px;

	

}



.adder-price-table {

	font-size: 10px;

	margin-right: -7px;

	width: 600px;

}



.adder-price-table td {

	height: 11px;

}



.adder-price-table-prices {

	width: 12mm;	

}



/* style='width:50px' removed JW 3 1 2017 because this is inline code and randomly inserted */



.rowspan-header {

	font-weight: bold;

}



.adder-price-table th {

	height: 12px;

	font-size: 11px; 

}



.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:95%; 

	height: 9.8in;

}



.whiteback  { background: rgba(white); 

	}

	

.apdxtable {

	margin-bottom: 10px;

	font-size: 20px;

	line-height: 2em;

	padding: 2px;

	width: 75%;

}

.apdxlist {

	 list-style-type: none; 

	 }