/*=== GLOBAL STYLES ===*/
body {
	background:url(http://www.xcp-pressguard.com/pics/faux-cols-metal.jpg) 50% 0;
	margin:0;
	padding:0;
	background-color:#000000;
}

h1,h2,h3,h4,h5,h6,p,ul,li,th,td,address,div.address {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:100%;
	margin:0;
	padding:0;
}

abbr {
	border-bottom:none;
	text-decoration:none;
}



/*=== CONTENT BLOCK ===*/
#content {
	background-color:#fff;
	margin:0 auto;
	width:974px;
}

/*=== CONTENT BLOCK HEADER ===*/
#content-header {
	background:url(http://www.xcp-pressguard.com/pics/content-header-bg.jpg) no-repeat 0 0;				/* primary header image */
	height:208px;
	position:relative;
}

	#content-header h1 {
		display:none;															/* h1 in place to keep page structure semantic for no-css situation.  With images disabled, text will not be shown.  We can live with this. */
	}

/* Tabs */
	
ul#navigation {
	display:block;
	left:55px;
	margin-top:158px;
	overflow:none;
	padding:0;
	position:absolute;
}

ul#navigation li {
	background:#000 url(http://www.xcp-pressguard.com/pics/tab-corner-bl-black.gif) no-repeat 100% 100%;
	list-style-type:none;
	float:left;
	margin-right:1px;
	padding-bottom:0.3em;
	position:relative;
	}

ul#navigation li a,
ul#navigation li a:hover,
ul#navigation li a:visited
 {
	color:#ddd;
	font-size:70%;
	padding:0 1em 0.5em 0.8em;
	position:relative;
}

/* Active tab selection */
body#homepage li#nav-homepage,
body#application li#nav-application,
body#product-benefits li#nav-product-benefits,
body#test-results li#nav-test-results,
body#faq li#nav-faq,
body#distribution li#nav-distribution,
body#msds li#nav-msds,
body#pdf-downloads li#nav-pdf-downloads,
body#contact li#nav-contact,
body#contact-success li#nav-contact
 {
	padding-bottom:0.9em;
	top:-2px;
}

body#homepage li#nav-homepage a,
body#application li#nav-application a,
body#product-benefits li#nav-product-benefits a,
body#test-results li#nav-test-results a,
body#faq li#nav-faq a,
body#distribution li#nav-distribution a,
body#msds li#nav-msds a,
body#pdf-downloads li#nav-pdf-downloads a,
body#contact li#nav-contact a,
body#contact-success li#nav-contact a
 {
	color:#fff;
	font-size:80%;
	font-weight:bold;
	top:6px;
}


/*=== CONTENT BLOCK BODY ===*/
#content-body {
	background:url(http://www.xcp-pressguard.com/pics/content-body-bg.jpg) repeat-Y 0 0;
	padding:0 155px 25px 65px;
}

#content-body h2 {
	font-size:85%;
	line-height:160%;
	padding-bottom:0.6em;
	padding-top:0.6em;
}

#content-body h3 {
	font-size:80%;
	line-height:160%;
	padding-bottom:0.3em;
	padding-top:0.9em;
}

#content-body p {
	font-size:67%;
	line-height:140%;
	padding-bottom:0.8em;
}

#content-body a {
	color:#000;
}

#content-body ul {
	font-size:67%;
	line-height:140%;
	margin-left:3em;
	padding-bottom:0.8em;
}

#content-body * ol {
	font-size:100%;
	margin-bottom:0.4em;
	margin-top:0.3em;
}

#content-body li {
	line-height:140%;
}

#content-body td, th {
	font-size:67%;
}

#content-body td td {											/* Take care of nested tables */
	font-size:100%;
}

#content-body div.address
{
	display:block;
	font-size:67%;
	line-height:140%;
}




/*=== CONTENT BLOCK FOOTER ===*/
#content-footer {
	background:#f68428 url(http://www.xcp-pressguard.com/pics/content-footer-bg.gif) no-repeat 0 0;
	padding:20px 155px 20px 55px;
	height:5em; /* Firefox 1.0.x sisplays a white line under the footer of some pages... this takes care of it. */
}

#content-footer p {
	color:#fff;
	font-size:67%;
	line-height:140%;
	padding-bottom:0.8em;
}



/*=== PAGE-SPECIFIC STYLES ===*/

/*=== index.html ===*/

/* Vertical centering with Dead Center technique: http://www.wpdfd.com/editorial/thebox/deadcentre4.html */

body#index #content{
	background:url(http://www.xcp-pressguard.com/pics/faux-cols-metal.jpg) 50% 0;
	height:1px;
	overflow:visible;
	position:absolute;
	top:50%;
	width:100%;
}

body#index a#lnk-entry {
	left:50%;
	height:551px;
	width:975px;
	margin-left:-388px;
	margin-top:-276px;
	overflow:hidden;
	position:absolute;
}

body#index a img {
	border:none;
	text-decoration:none;
	top:50%;
}

/*=== homepage.htm ===*/
body#homepage #newsbox {
	background-color:#fff;
	border:2px solid #000;
	float:right;
	margin-bottom:0;
	margin-left:1em;
	padding:0.2em;
	position:relative;
	right:0;
	width:200px;
}

	body#homepage #newsbox h2 {
		border-bottom:2px solid #eb8a19;
		margin-bottom:0.5em;
		padding:0 0.3em;
	}

	body#homepage #newsbox ol {
		margin:0 0.3em;
		list-style-type:none;
		padding:0;
	}

	body#homepage #newsbox h3 span.date {
		color:#999;
		display:block;
		font-size:75%;
		padding:0;
	}


/*=== distribution.htm ===*/
body#distribution #content-body {
	overflow:auto;
	padding-left:60px;
}

	/* VCard styling */
	body#distribution div.vcard {
		margin:0.8em 0.5em;
	}
		body#distribution div.vcard div.img a img {
			border:none;
		}
		body#distribution div.vcard div.address {
			margin-top:1em;
		}
		body#distribution div.vcard div.direct {
			margin-top:1em;
		}

	/* Styling for the STANDARD list of distributors */
	body#distribution #distributors {
		margin-top:23px;
	}
		body#distribution #distributors h3 {
			border-bottom:2px solid #eb8a19;
			font-size:100%;
			line-height:120%;
			margin:0.5em;
			padding:0 0 0.5em 0;
		}
			body#distribution #distributors h3 ul {
				font-size:100%;
				margin:0;
				padding:0;
				list-style-type:none;
			}
				#distributors h3 ul li {
					margin:0;
					padding:0;
				}

		body#distribution #distributors div.worldwide{
			background-color:#fff;
			border:2px solid #000;
			margin-bottom:1em;
			width:555px;
		}




/*=== test-results.htm ===*/
body#test-results table#test-results-summary{
	border-collapse:collapse;
}

body#test-results table#test-results-summary td,
body#test-results table#test-results-summary th
{
	border:2px inset #333;
	line-height:120%;
	padding:0.4em 0.3em 0.3em 0.3em;
}

body#test-results table#test-results-summary th
{
	vertical-align:bottom;
}

body#test-results table#test-results-summary th#col-material-type {
	white-space:nowrap;
	text-align:left;
	width:20%;
}

body#test-results th#col-control {width:14%;}
body#test-results th#col-competitor1 {width:18%;}
body#test-results th#col-competitor2 {width:18%;}
body#test-results th#col-xcp {width:18%;}

body#test-results table#test-results-summary td {
	background-color:#fff;
	text-align:center;
}

body#test-results table#test-results-summary td.rowtitle {
	background-color:#eb8a19;
	text-align:left;
}

body#test-results h2.materialtype {
	border:2px ridge #333;
	background-color:#fff;
	font-size:110%;
	font-weight:bold;
	line-height:100%;
	margin-bottom:1em;
	margin-top:3em;
	padding:0.5em;
}

	body#test-results h2.materialtype span.testmethod {
		border-top:2px solid #ccc;
		color:#666;
		display:block;
		font-size:70%;
		margin-top:0.5em;
		padding-top:0.3em;
	}

body#test-results ul.testresults {
	margin:0;
	overflow:auto;
	padding:0;
	position:relative;
	width:100%;
}

	body#test-results ul.testresults li {
		float:left;
		list-style-type:none;
		margin-bottom:1em;
		width:30%;
	}

		body#test-results ul.testresults li a img {
			border:1px solid #333;
			margin:0;
			padding:0;
		}

		body#test-results ul.testresults li p {
			font-size:100%;
			padding:0;
			height:28px;
		}
		
			body#msdsdownloads ul.msdsdownloads li {
		float:left;
		list-style-type:none;
		margin-bottom:1em;
		width:50%;
	}


/*=== test-result.php ===*/
body#testresult {
	background-color:#eb8a19;
	background-image:none;
	text-align:center;
	padding:10px;
}

body#testresult h2{
}

body#testresult img.testresult-closeup {
	border:2px solid #333;
	margin-top:1em;
}

/*=== msds.htm ===*/
body#msds  #content-body {
	padding-bottom:200px;
}

body#msds  ul#downloads {
	margin:0 0 2em 0;
	padding:0;
}

body#msds  ul#downloads li {
	list-style-type:none;
	margin-bottom:1em;
}

/*=== target-metals.htm ===*/
body#target-metals div.container {
	position:relative;
	overflow:hidden;
}
	body#target-metals div.container #packaging {
		background:#fff;
		border:1px solid #000;
		float:right;
		padding:2px;
		margin-top:12px;
	}
	
	/*=== application.htm ===*/
body#application div.container {
	position:relative;
	overflow:hidden;
}
	body#application div.container #packaging {
		background:#fff;
		border:1px solid #000;
		float:right;
		padding:2px;
		margin-top:12px;
	}
	
/*=== product-benefits.htm ===*/
body#product-benefits div.container {
	position:relative;
	overflow:hidden;
}
	body#product-benefits div.container #packaging {
		background:#fff;
		border:1px solid #000;
		float:right;
		padding:2px;
		margin-top:12px;
}

/*=== contact.htm, contact-success.htm , ipod pages===*/

body.contact div.vcard,
body.contact-success div.vcard 
{
	position:relative;
}

body.contact div.vcard #fogra img,
body.contact-success div.vcard #fogra img
{
	border:none;
	bottom:0;
	position:absolute;
	right:0;
}

body.contact div.formrow {
	margin-bottom:0.4em;
	overflow:auto;
	width:100%;
}

body.contact div.formrow label {
	float:left;
	font-family:verdana;
	font-size:77%;
	width:25%;
}

body.contact div.formrow input.text,
body.contact div.formrow select {
	float:right;
	width:70%;
}

body.contact div.formrow textarea {
	float:right;
	height:8em;
	width:70%;
}

body.contact #submit {
	float:right;
	margin-bottom:2em;
}