/* start: Eric Meyer reset */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/* vertical-align: baseline; */
	font-family: inherit;
}

sup { font-size:smaller; }

img { display: block; }

/* remember to define focus styles! */
:focus, a, img a, a img { outline: 0; }

ol, ul {
	/* list-style: none; */
	margin: 0 0 0 20px;
	padding: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; /*border-spacing: 0;*/ }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* end: Eric Meyer reset */

/*
Hacker Industries CSS
Author: http://www.BuildingOnline.net
*/

body { 
	margin: 0 auto;
	padding: 0;
	background-color: #bfbfbf;
	background-image: url('/img/body-bg.gif');
	background-repeat: repeat-y;
	background-position: top center;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.3em;
	color: #555;
}

/* 
display:block is set as default in the reset.css to fix
a bottom-padding bug in some browsers.
Use this class for any images that need to stay inline
*/
img.inline { display: inline; }

h1 { font-size: 250%; }
h2 { font-size: 200%; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }
h5 { font-size: 110%; }

h1,h2,h3,h4,h5 { color: #003768; line-height: 1em; }

p { margin: 0px; padding: 0px; }

/* for header text image replacements */
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

a:link    { color: #00aee1; text-decoration: underline; }
a:visited { color: #00aee1; text-decoration: underline; }
a:hover   { color: #999; text-decoration: none; }
a:active  { color: #999; text-decoration: none; }

.clrfx { margin: 0px; padding: 0px; border: none; border: 0px; height: 0px; max-height: 0px; font-size: 0px; line-height: 0px; clear: both; }

strong { font-weight: bold; }

hr {
	margin: 0 0 20px 0!important;
	padding: 0!important;
	width: 100%;
	color: #999;
	background-color: #999;
	height: 1px!important;
	border: none!important;
}

/* ---------------------------------------------------------------------------------------- start: layout */

/* global left-right float settings */
.fl { margin: 0; padding: 0; float: left; }
.fr { margin: 0; padding: 0; float: right; }

#wrap {
	margin: 0 auto;
	width: 980px;
	text-align: center;
	background-color: #fff;
}
.wrap-in {
	margin: 0 auto;
	border-top: 30px solid #fff;
	border-bottom: 20px solid #fff;
	width: 940px;
	text-align: left;
	background: #fff url('/_img/wrap-bg.gif') 0px 0px repeat-y;
}

/* ------------------------ start: header */

.header {
	width: 940px;
	position: relative;
	background-color: #fff;
}
.header .logo-holder {
	margin-bottom: 30px; 
	width: 400px; 
	height: 50px; 
	background: url('/_img/hacker-logo.png') left top no-repeat;
}


.header .social {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 100px;
	height: 28px;
}
.header .social ul { list-style: none; margin: 0; padding: 0; float: right; }
.header .social ul li {
	margin: 0; 
	padding: 0 5px 0 0;
	display: inline;
	float: left;
}
.header .social ul li.last { padding-right: 0px; }


.header .search {
	position: absolute;
	right: 0px;
	bottom: 20px;
	border: 1px solid #666;
	/* webkit */
	border-radius: 2px;
	/* FF */
	-moz-border-radius: 2px;
}
.header .search-in { padding: 3px; }
.header .search input { float: left; display: inline; }
.header .search input[type='text'] { 
	margin-left: 5px;
	margin-right: 5px; 
	padding: 3px; 
	border: none; 
	width: 150px; 
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #333; 
}

/* these classes are used for ONLY hacking IE (see ie.css) */
.header .search input.sbox {}
.header .search input.sbut {}

.header h3 { 
	width: 165px; 
	height: 25px; 
	background: #ccc url('/_img/findaproductby.png') left top no-repeat; /* remove color after DEV */
}

/* --------------------------------------------- FF Hacks */
@-moz-document url-prefix() {
		
	.header .search input.sbox { 
		margin: 2px 5px -2px 5px!important;
		padding: 3px!important;
	}
	
}

/* -------------------------- end: header */


/* ------------------------ start: topnav */

/* holders */
.nav-holder { width: 940px; border-bottom: 20px solid #fff; }
.nav-holder .topnav, 
.nav-holder .topnav-right { display: inline; float: left; }
.nav-holder .topnav { background-color: #003768; width: 299px; border-right: 1px solid #fff; }
.nav-holder .topnav-right { width: 638px; border: 1px solid #666; font-size: 12px; line-height: 12px; }

/* topnav dynamic menu info is in topnav.css */

/* -------------------------- end: topnav */


/* ------------------------ start: sidebar */

.sidebar { 
	width: 220px; 
	border-top: 1px solid #999;
}

/* sidebar button links */
.sidebar ul.sbbuttons { 
	margin: 10px 15px;
	list-style-type: none;
}
.sidebar ul.sbbuttons li { margin-bottom: 10px; }
.sidebar ul.sbbuttons li a { 
	width: 190px;
	height: 50px;
	text-decoration: none; 
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
}
.sidebar ul.sbbuttons li a.findanapp { background-image: url('/_img/button-findanapp.png'); }
.sidebar ul.sbbuttons li a.applogin  { background-image: url('/_img/button-applogin.png'); }
.sidebar ul.sbbuttons li a.aia       { background-image: url('/_img/button-aia.png'); }
/* /sidebar button links */

/* sidebar link list with icons */
.sidebar ul.sbnav { 
	margin: 10px 15px;
	list-style-type: none;
	border-top: 1px solid #999;
}
.sidebar ul.sbnav li { 
	border-bottom: 1px solid #999;
}
.sidebar ul.sbnav li a { 
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none; 
	padding-left: 28px;
	background-position: 0px 50%;
	background-repeat: no-repeat;
	display: block;
}
.sidebar ul.sbnav li a:link    { color: #003768; }
.sidebar ul.sbnav li a:visited { color: #003768; }
.sidebar ul.sbnav li a:hover   { color: #ccc; }
.sidebar ul.sbnav li a:active  { color: #ccc; }

.sidebar ul.sbnav li a.architects { background-image: url('/_img/icon-architects.png'); }
.sidebar ul.sbnav li a.products   { background-image: url('/_img/icon-products.png'); }
.sidebar ul.sbnav li a.benefits   { background-image: url('/_img/icon-benefits.png'); }
.sidebar ul.sbnav li a.sound      { background-image: url('/_img/icon-soundattenuating.png'); }
.sidebar ul.sbnav li a.fire       { background-image: url('/_img/icon-firerated.png'); }
.sidebar ul.sbnav li a.specdata   { background-image: url('/_img/icon-specdata.png'); }
.sidebar ul.sbnav li a.videos     { background-image: url('/_img/icon-videos.png'); }
.sidebar ul.sbnav li a.links      { background-image: url('/_img/icon-links.png'); }
.sidebar ul.sbnav li a.reqlit     { background-image: url('/_img/icon-reqlit.png'); }
/* /sidebar link list with icons */

/* -------------------------- end: sidebar */


/* ------------------------ start: main */

.main { width: 700px; }

.slideshow-holder { 
	margin: 0 0 20px 0; 
	padding: 5px;
	border: 1px solid #999;
}

.main-split-one { /* 2 column split: 300/380 */ }
.main-split-one .ms-left  { width: 300px; }
.main-split-one .ms-right { width: 380px; }

.main-split-two { /* 2 column split: 380/300 */ }
.main-split-two .ms-left  { width: 380px; }
.main-split-two .ms-right { width: 300px; }

.main-split-three { /* 2 column split: 300/(60)/300 */ }
.main-split-three .ms-left  { width: 300px; }
.main-split-three .ms-right { width: 300px; }

.main-split-four { /* 2 column split: 220/460 */ }
.main-split-four .ms-left  { width: 220px; }
.main-split-four .ms-right { width: 460px; }

.main-split-five { /* 2 column split: 140/540 */ }
.main-split-five .ms-left  { width: 140px; }
.main-split-five .ms-right { width: 540px; }

.main .marketholder {
	margin-bottom: 10px;
	height: 100px;
}
.main .marketholder .multifamily, 
.main .marketholder .concrete, 
.main .marketholder .radiant, 
.main .marketholder .corrugated, 
.main .marketholder .sound, 
.main .marketholder .topcoats {
	height: 100px;
	background-color: #fff;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.main .marketholder .multifamily { background-image: url('/_img/icon-multifamily.png'); }
.main .marketholder .concrete { background-image: url('/_img/icon-concrete.png'); }
.main .marketholder .radiant { background-image: url('/_img/icon-radiant.png'); }
.main .marketholder .corrugated { background-image: url('/_img/icon-corrugated.png'); }
.main .marketholder .sound { background-image: url('/_img/icon-sound.png'); }
.main .marketholder .topcoats { background-image: url('/_img/icon-topcoat.png'); }

/* recommended for tables on product pages */
.main table.recommended { 
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-collapse: collapse;
}
.main table.recommended tr { border-bottom: 1px solid #ccc; }
.main table.recommended tr.last {	border-bottom: 1px solid #999; }
.main table.recommended td {
	text-align: left;
	padding: 5px 0;	
}
.main table.recommended td h4 { padding-top: 0px; }
.main table.recommended td.icon { width: 70px; }
/* recommended for tables on product pages */

/* tech data tables on product pages */
.main table.techdata { 
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-collapse: collapse;
}
.main table.techdata tr { border-bottom: 1px solid #ccc; }
.main table.techdata tr.last { border-color: #999;	}
.main table.techdata td {
	text-align: left;
	padding: 5px 0;	
}
.main table.techdata td.one { width: 25%; }
.main table.techdata td.two { width: 63%; }
.main table.techdata td.three { width: 12%; }

/* alternate row colors (works in modern browsers only) */
table.techdata tr:nth-child(odd)  td { background-color: #fff; }
table.techdata tr:nth-child(even) td { background-color: #eee; }
/* /alternate row colors (works in modern browsers only) */

/* /tech data tables on product pages */

/* product resources tables on product pages */
.main table.resources { 
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-collapse: collapse;
}
.main table.resources tr { border-bottom: 1px solid #ccc; }
.main table.resources tr.last {	border-bottom: 1px solid #999; }
.main table.resources td {
	text-align: left;
	padding: 5px 0;
	font-size: 13px;
	line-height: 17px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.main table.resources tr.last td { border-bottom: 1px solid #999; }
.main table.resources td.keycell, 
.main table.resources td.titlecell { border-left: none; border-right: none; }
.main table.resources td.keycell { border-top: 1px solid #999; }
.main table.resources td.last { border-right: none; }
.main table.resources h5 {
	font-size: 13px;
	line-height: 17px;
}
.main table.resources img { padding: 0px 5px; }
/* /product resources tables on product pages */

/* KEY */
.main table.resources table.resources-key { border: none; margin: 3px 0; }
.main table.resources table.resources-key tr { border: none; }
.main table.resources table.resources-key td { border: none; margin: 0px; padding: 0px; font-size: 13px; line-height: 13px; }
.main table.resources table.resources-key img { padding: 0px; padding: 0px; display: inline; }
/* /KEY */

/* adjust 'resources' table cells for the benefits pages */
table.benefits { border-top: 1px solid #666!important; border-collapse: collapse; }
table.benefits td.last img { margin-left: 5px; }

.main img.prod-photo { margin-bottom: 20px; }

/* jom tables */
.main table.jom { 
	margin: 0 0 10px 25px;
	padding: 0px;
	width: 400px;
	font-size: 13px;
	line-height: 15px;
	border-collapse: collapse;
}
.main table.jom tr { border-bottom: 1px solid #ccc; }
.main table.jom tr.header { background-color: #003768; color:#fff;	}
.main table.jom tr.last { border-bottom: 1px solid #003768;	}
.main table.jom td {
	text-align: left;
	padding: 3px 5px;	
}
/* /jom tables */

/* featured application tables on product pages */
.main table.featured-app { 
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-collapse: collapse;
}
.main table.featured-app tr { border-bottom: 1px solid #ccc; }
.main table.featured-app tr.last { border-color: #999;	}
.main table.featured-app td {
	text-align: left;
	padding: 5px 0;	
}
.main table.featured-app td.one { width: 30%; }
.main table.featured-app td.two { width: 35%; }
.main table.featured-app td.three { width: 35%; }

/* alternate row colors (works in modern browsers only) */
table.featured-app tr:nth-child(odd)  td { background-color: #fff; }
table.featured-app tr:nth-child(even) td { background-color: #eee; }
/* /alternate row colors (works in modern browsers only) */

/* /featured application tables on product pages */

/* Featured Products on product pages */
.main ul.feat-prod {
	margin: 0 0 0 20px;
	padding: 0;
}

/* Prodcuts on Product Benefits page */
.main ul.benefit-prods {
	margin: 0 0 0 102px; /* icon width is 82px / this is an adjustment for the li bullets / mey need to be adjusted for IE */
	padding: 0;
}

/* -------------------------- end: main */

/* ------------------------------------------------------------------------------------------ end: layout */

/* ---------------------------------------------------------------------------------------- start: font styles */

.main p { padding-bottom: 10px; }

.main h3 { margin-bottom: 10px; }

/* @font-face */
@font-face {
	font-family: 'DIN1451StdMittelschrift';
	src: url('/_fonts/dinmittelschriftstd-webfont.eot');
	src: local('☺'), url('/_fonts/dinmittelschriftstd-webfont.woff') format('woff'), url('/_fonts/dinmittelschriftstd-webfont.ttf') format('truetype'), url('/_fonts/dinmittelschriftstd-webfont.svg#webfonthehmrvPM') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, .dinnstd {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'DIN1451StdMittelschrift', Helvetica, Arial, sans-serif;
	font-size-adjust: 0.51;;
}

.main table.techdata h5 { line-height: 110%; margin: 0; padding: 5px 0 0 0; }

.main table.resources h5 { font-size: 100%; line-height: 100%; margin: 0; padding: 5px 0 0 0; }
.main table.resources td { font-size: 90%; line-height: 90%; }

.main h2.pagetitle { margin: 20px 0 0 0; }

/* text next to Market/Application page icons */
.main .marketholder p  { padding: 0 0 5px 117px; }
.main .marketholder h2 { padding-left: 115px; line-height: 1em; }
/* .main .marketholder img { padding-left: 115px; } */

.main h2 span { font-size: 19px; vertical-align: top; }

.main p.pluslink { 
	margin: 0 0 15px 0;
	padding: 0 0 0 19px;
	font-size: 14px;
	line-height: 14px;
	min-height: 14px;
	background: #fff url('/_img/pluslink.png') 0px 0px no-repeat;
}

/* product resources tables on product pages
.main table.resources td {
	font-size: 13px;
	line-height: 18px;
}
.main table.resources h5 {
	font-size: 15px;
	line-height: 18px;
}
product resources tables on product pages */

.main h2 a { text-decoration: none; }
.main h2 a:link    { color: #003768; }
.main h2 a:visited { color: #003768; }
.main h2 a:hover   { color: #999; }
.main h2 a:active  { color: #999; }

.main h4.section-head { padding-bottom: 10px; }

.main p.ma-icon, .main h5.ma-icon { margin-left: 82px; }
.main p.ma-icon { padding-bottom: 20px; }
.main p.ma-icon-five { margin-left: 82px; padding-bottom: 5px; }

.main h5.ma-icon a { text-decoration: none; }
.main h5.ma-icon a:link    { color: #003768; }
.main h5.ma-icon a:visited { color: #003768; }
.main h5.ma-icon a:hover   { color: #999; }
.main h5.ma-icon a:active  { color: #999; }

.main h2.pagetitle-benefits { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/temp-icon-ma.gif') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-green { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-green.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-fire-rated { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-firerated.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-sound-attenuating { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-soundattenuating.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-resurfacing-repair { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-repair.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-lightweight { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-lightweight.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-self-leveling { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-selfleveling.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-quick-drying { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-quickdry.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-high-strength { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-highstrength.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-extends-working-time { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-workingtime.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-high-performance { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-highperformance.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-thermal-mass { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-thermalmass.png') 0px 0px no-repeat;
	line-height: 40px;
}

.main h2.pagetitle-benefits-low-profile { 
	margin: 20px 0 0 0; 
	padding: 0 0 0 82px;
	background: transparent url('/_img/icon-b-lowprofile.png') 0px 0px no-repeat;
	line-height: 40px;
}

/* ------------------------------------------------------------------------------------------ end: font styles */


/* ---------------------------------------------------------------------------------------- start: form styles */

/* -------------------------- start: global form settings */

.main form, 
.main form label, 
.main form input, 
.main form submit, 
.main form select, 
.main form checkbox, 
.main form radio { margin: 0px; padding: 0px; border: none; }

/* control label placement */
.main form label { display: block; }
.main form label.half, 
.main form label.halfno { 
	width: 145px;
	margin-right: 10px;
	float: left;
	display: inline;
}
.main form label.halfno { margin-right: 0px; }
.main form .quarter { 
	width: 60px;
	margin-right: 10px;
	display: inline;
}
.main form .narrow { 
	width: 30px;
	margin-right: 10px;
	display: inline;
}
/* drop-down select */
.main form select {
  border: 1px solid #ccc;
  background-color: #ccc;
  color: #000; 
  width: 300px; 
  display: inline;
  margin-bottom: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  padding:5px 0;
}
.main form select.half, 
.main form select.halfno { 
	width: 145px;
	margin-right: 10px;
	float: left;
	display: inline;
}
.main form select.halfno { margin-right: 0px; }

.main form input, textarea {
	border: 1px solid #ccc; /* change color for submit buttons */
	background-color: #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
  font-size: 13px;
  line-height: 13px;
  font-weight: normal;
  color: #000;
  margin-bottom: 5px;
  padding: 5px;
  display: inline;
  width: 288px; /* 300 - 12 (borders+padding) WILL NEED TO HACK FOR IE */
}
.main form textarea {
	line-height: 16px;
	width: 288px;
	height: 120px;
}
.main form input.half, 
.main form input.halfno {
	width: 133px; /* 300 -10 (middle padding) / 2 = 145 (ea) - 18 (borders+padding) WILL NEED TO HACK FOR IE */
	margin-right: 10px;
	float: left;
	display: inline;
}
.main form input.halfno { margin-right: 0px; }

.main form input[type="submit"], 
.main form input.sub {
	-webkit-appearance: none; /* remove default iOS styles */
  border-color: #003768;
  background-color: #003768;
  color: #fff;
  margin-top: 5px;
  padding: 10px 20px 11px 20px;
  font-weight: bold;
  text-transform: uppercase;
  width: auto;
  cursor: pointer;
}

.main form input[type="radio"], 
.main form input.radio {
	margin: 5px;
	padding: 0;
	width: 20px;
}

/* increase checkbox size */
.main form input[type="checkbox"], 
.main form input.cbox {
	margin: 5px;
	padding: 0;
	width: 20px;
	font-size: 150%;
}

/* -------------------------- end: global form settings */

/* -------------------------- start: find applicator */

/* redo */

/* ---------------------------- end: find applicator */


/* -------------------------- start: applicator login */

.main .applogin form input {
}
.main .applogin form input[type="text"], 
.main .applogin form input.txt {
}
.main .applogin form input[type="password"], 
.main .applogin form input.pass {
}

/* -------------------------- end: applicator login */

/* ------------------------ start: footer */

.footer-top { 
	width: 940px; 
	height: 21px!important; 
	background: #fff url('/_img/footer-top.gif') left top no-repeat; 
}
.footer {
	padding: 20px;
	background-color: #003768;
	color: #fff; 
	font-size: 12px;
}
.footer a { text-decoration: none; }
.footer a:link    { color: #00aee1; }
.footer a:visited { color: #00aee1; }
.footer a:hover   { color: #fff; }
.footer a:active  { color: #fff; }


/* -------------------------- end: footer */

/* ------------------------------------------------------------------------------------------ end: form styles */


/* override attributes for iOS phone number styling */
a[href^=tel]:link { margin: 0px!important; padding: 0px!important; border: none!important; }

/* end */