/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

/* LAYOUT */
HTML {overflow-y: scroll;}
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.center { test-align:center; margin: 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#container { width: 980px;  margin: 0 auto; position: relative; padding:0px; padding-top:0px;}
#content {  padding: 18px 20px; margin-top:5px;color: #222; clear:both;}
#footer { font-size:11px; margin-top:5px; clear:both; z-index:888; color:#fff; padding:20px;}
#footer a {  font-size:12px; }
#footer a:link, #footer a:visited, #footer a:active {color:#fff; border-bottom:1px dotted #fff;}
#footer a:hover { text-decoration: none; border:0px; }
.bread {font-size:.9em; margin-bottom:20px;}
.bread a:link, .bread a:visited, .bread a:active {text-decoration: none; border-bottom:1px dotted #666; color:#666;}
.bread a:hover { text-decoration: none; border:0px; }

#content p, #content ul { color: #555; }
#content { clear:both; padding: 0px;}
#logo {	border:0; position:relative; top:3px; left:10px; }
#logo a { border:0; }
#search { color:#666; font-weight:700; left:330px; position:relative; top:-55px; width:300px; }
#contact {color:#666; position:absolute; right:40px; top:14px; line-height:1.3em; }
#sidenav { left:58px; position:absolute; top:90px; }
#badge {padding-top:5px;}
#globalheader {	height:48px; position:absolute;	right:20px; top:66px; width:655px; z-index:9998; }
#difference {
	background:url(http://universalconstructionfoam.com/images/styrofoam-vs-polystyrene.gif) no-repeat;
	border:0;
	display:block;
	height:57px;
	outline:0;
	overflow:hidden;
	text-indent:-9999px;
	width:234px;
	position:absolute; top:88px;
}


/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid3colb, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid2colg .column.first { padding-left:60px; width: 50%; }
.grid2colg .column.last { width: 43%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 28%; margin-left: 2%; }
.grid3cola .column.second { width: 23%; }
.grid3cola .column.last { width: 45%; }

.grid3colb .column { width: 160px; margin-left: 2%; border:0px solid red; }
.grid3colb .column.second { width:110px; }
.grid3colb .column.last { width:150px; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid3colb:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }


.legal {font-size:.85em;}
#loading { white-space: nowrap; padding-right: 20px; background: url(/images/redesign/loading.gif) no-repeat 100% 50%; zoom: 1; }
.strike {text-decoration: line-through;}


/* SPECS */
.datasheet { margin-bottom:30px; position:relative; background:#fff; border-bottom:3px solid #990000;}
.datasheet th, .datasheet td { padding:8px;  text-align:center; }
.datasheet th { text-align:left; font-size:1.3em; }
.datasheet th {border-bottom:3px solid #990000; padding-top:30px; margin-bottom:20px; }
.datasheet .heading {border-top:1px solid #666; }

.datasheet .header th.empty { border:0;}
.datasheet .description { vertical-align:bottom; }
.datasheet .odd th { background:#ececec; }
.datasheet TD B {color:#990000; text-align:left;}
.datasheet STRONG {color:#000;}
.datasheet .odd { background:#ececec; }



/* TYPE */
body { font: 14px/19px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color:#666;  color:#333333; line-height:1.6em; 
background-image: 
url('http://www.universalconstructionfoam.com/images/greybg.gif');
background-repeat: repeat; }

strong, em, b, i {
    font-family: Arial, Helvetica, sans-serif;
	color:#222;
}

em {padding-right:1px;}
h3 em {font-size:.9em;}
#feat .active a em, h2 em {font-weight:bold;}
#cont h3, #cont2 h3 {font-size:1.3em; margin-bottom:3px; color:black;}


a { color: #CC0000; }
a:link, a:visited, a:active { text-decoration: none; border-bottom: 1px dotted #CC0000; }
a:hover { text-decoration: none; border:0px; }
a.more { white-space: nowrap; padding-right: 15px; background: url(/images/more.gif) no-repeat 100% 50%; zoom: 1; }
.down { white-space: nowrap; padding-right: 10px; background: url(/images/global/morearrow-down.gif) no-repeat 100% 50%; zoom: 1; }
a.zip { white-space: nowrap; padding-right: 25px; background: url(/images/pdf-icon.jpg) no-repeat 100% 50%; zoom: 1; }

a.more_red { white-space: nowrap; padding-right: 10px; background: url(/images/global/morearrow_red.gif) no-repeat 100% 50%; zoom: 1; }
a.thumb-up { white-space: nowrap; padding-right: 22px; background: url(/images/site/global/icons/thumb-up.gif) no-repeat 100% 50%; zoom: 1; }
a.thumb-down { white-space: nowrap; padding-right: 22px; background: url(/images/site/global/icons/thumb-down.gif) no-repeat 100% 50%; zoom: 1; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
.legal { font-size: 10px !important; color:#76797c; }
.smaller {font-size:.9em;}

p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 1.6em; line-height: 1em; margin-bottom: 5px; }
h2 { font-weight: bold; font-size: 1.5em; line-height: 1.1em; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1.1em; line-height: 1.2em; margin-bottom: 0px; }
h4 { font-weight: bold; font-size: 1.0em; line-height: 1.2em; }
p.intro { font-weight: bold; }
.more { text-align: right; }
.caps {font-variant:small-caps;}

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }


.last { margin-bottom: 0; }

.message {padding:20px; background-color:#ffffcc; border:1px solid #ffdd22;}

blockquote {padding: 0.25em 40px;}
blockquote {font: italic 1em Georgia, Times, serif;
  background: url(/images/quote2.gif) 15px 0.25em no-repeat;
  margin: 0.25em 0; line-height: 1.3em;}
pre {line-height: 1.5em;}
pre strong {font-size: 1em; font-weight: bold;}
caption {padding: 0.75em; font: 1.5em Georgia, Times, serif;
  border: 2px solid #B2B2B2; border-width: 2px 0 2px;
  background: #EEE;}
  
  .pagetitle { font-size:12px; font-weight:bold; }

.tiny { font-size: 9px; }
.fadetxt { color:#000000; }
.privacy { background-color:#ff9797; border: dashed black 1px; padding:5px; text-align:center; }

#wrapper {
	text-align: left;
	padding: 0px;
	border:0;
	width: 670px;
	
}

.padding {padding:10px;}
form.thin {
	margin-bottom: 6px;
	margin-top: 0px;
	color:#999999;
}
form { display: inline; }

/* Print */
@media print {
  #globalheader, #sidenav, #search, #subRightColumn, #footer {display:none; !important; }
  
  .iefixit {height:1%;}

  #content {position:absolute; top:60px; left:0px; }
  body,  #content, #container, .datasheet {
  background-image: none !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  }
  table { width:500px !important; }

  .sb, .sbi, .sb *, .sbi * { height:1% !important; margin-left:0 !important; padding-left:0 !important; }
  * html .sb, * html .sbi { height:50px; }
  .sbi { height:50px; }
  .sb-inner { height:50px; }
  .sb-shadow { height:50px; }
  .sb-border { height:50px; }
  #logo {display:block !important; }

}

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }