/*
-----------------------------------------------
Client name: Lyondell
Stylesheets for usage on the print medium
$Id: print.css,v 1.4 2006/10/10 16:26:18 freelancer Exp $
----------------------------------------------- */

/* Imported Styles
----------------------------------------------- */
@import url(../base.css);
@import url(../colours.css);

/* Other Styles
----------------------------------------------- */


#logo {
	position:relative;
	top:0;
	left:10px;
}
#skipnav,
#housekeeping,
#site-navigation,
#navigation,
input
{
	display:none;
}
/*.hub #navigation {
	display:block;
	float:none;
	margin:10px 0 0 0;
	padding:0;
	left:0;
}*/
#navigation ul {
	padding-left: 10px;
}
#breadcrumb {
	padding: 2em 0 0 0;
}
#page-heading {
	clear: both;
	margin: 10px 0 1em 0;
	padding: 10px 0 0 0;
	height:40px;
}
#page-heading h1 a {
	display:none;
}
#page-heading .page-heading h1 {
	color:#000;
}
#sidebar {
	display:none;
}
#central-wrapper {
	float:left;
	position: relative; 	
	width: 90%;
	padding: 0 0 0.5em 0;
}
#content-wrapper {
	padding-right:190px;
	margin-top: 0.35em;
	width: 60%;
}
#primary-content { 
	clear:both;
	margin-left: 0px;
	padding: 0 20px 3em 10px;
	border-left: 0;
}
#secondary {
	position:relative;
	float: right;
	top:0px;
	left:0px;
	width:40%;
}
#secondary .functional, 
#secondary .media {
	display:none;
}
#footer {
	border-top:1px solid #ccc;
	padding-top: 20px;
	width:80%;
	text-align:centre;
}
body.hub #secondary {
	top: 83px;
}
body.hub #page-heading,
body.hub #page-heading .page-heading,
body.hub #page-heading .page-heading h1,
body.hub #page-heading .page-heading div {
	height: 40px;
	min-height: 80px;
}
.worldwide h3, .worldwide a {
	color: #000;
}

/* IE Print styles */

*html #outer,
*html #head,
*html #central-wrapper,
*html #content-wrapper {
	float:none;
	width:640px;
}
*html #primary-wrapper {
	float:none;
	position:relative;
}
*html #page-heading,
*html #page-heading .page-heading,
*html #page-heading .page-heading div,
*html #page-heading .page-heading h1 {
	height:40px;
}
body.hub #page-heading,
body.hub #page-heading .page-heading,
body.hub #page-heading .page-heading h1,
body.hub #page-heading .page-heading div {
	height: 60px;
}
*html #page-heading,
*html .product-search #primary-content .search-option,
*html #primary-content .news-events-items,
*html #primary-content .news-events-selector {
	width:430px;
}
*html #primary-content .news-events-selector .show-all,
*html #primary-content .news-events-selector fieldset {
	float: left;
}
*html #primary-content {
	float:left;
	width:430px;
	clear:none;
}
*html #secondary {
	position:absolute;
	left: 470px;
	top: 133px;
	margin:0;
	width:190px;
}
*html body.hub #secondary {
	top:95px;
}
*html .sub-category-row .sub-category-item {
	width:200px;
}
*html #footer {
	width:640px;
}

/* IE Products by category print styles */

.category-panel {
	width:430px;
	position: relative;
	float: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.category-panel .panel-content {	
	border: 0;
}
.category-panel h2 {
	width:128px;
}
.category-panel .panel-wrapper {
	padding: 20px 0 0 0;
	width: 100%;
}
.category-panel .intro {
	height:auto;
}
#basic-chemicals,
#inorganic-chemicals,
#polymers,
#refining {
	height:100px;
}
.category-panel .corner {
	left:148px;
	bottom:-14px;
}
.category-panel .footLink {
	position:relative;
	clear:both;
	width:90%;
	font-weight:bold;
}