@charset "utf-8";
/* styles for standard content pages */

#mainContent h1 {
	font-size:150%;
	padding-bottom:10px;
}

#mainContent h2 {
	margin-bottom:3px;
	font-size:106%;
}
#mainContent caption {
	margin-bottom:10px;
	font-size:106%;
	font-weight:bold;
}

#mainContent h3 {
	margin-bottom:3px;
	font-size:100%;
}

#mainContent p {
	line-height:144%;
	margin-bottom:20px;
}

#mainContent ul {
	margin:0 0 20px 0;
	padding:0;
}

#mainContent ol {
	margin:0 0 20px 0;
	padding:0;
}
#mainContent ol li {
	display:list-item;
}
#mainContent ol.instrList,
#mainContent ol.instrList li {
	list-style:none;
}
#mainContent ol.instrList li {
	border-left:solid 1px #333;
	width:140px;
	padding:1em 14px;
	float:left;
	min-height:200px;
	margin-bottom:1em;
}
#mainContent ol.instrList li.first,
#mainContent ol.instrList li:first-child {
	border-left:0;
}
#mainContent ol.instrList li h3 {
	font-size:1.3em;
	padding-bottom:10px;
	border-bottom:solid 1px #999;
}
#mainContent ul.recyclingLinks {
	list-style:none;
}
#mainContent ul.recyclingLinks li {
	list-style:none;
	text-align:center;
	float:left;
	width:33%;
	margin:0;
	padding:0;
	margin-bottom:1.5em;
}
#mainContent h4 {
	clear:both;
}
#mainContent ul.executiveImgs li {
	clear:both;
}
#mainContent ul.executiveImgs .leftAlignImg {
	width:100px;
	height:135px;
	margin-bottom:5px;
	margin-right:15px;
	clear:both;
}
#mainContent .recyclingInstructions {
	background:url(/cs/kci/images/gui/recycle_instructions.jpg) no-repeat 0 0;
	width:564px;
	height:571px;
}
#mainContent .recyclingInstructions ol,
#mainContent .recyclingInstructions img {
	position:absolute;
	top:-999em;
	left:-999em;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}


#mainContent li {
	margin:0 0 0 15px;
	padding:3px 0 3px 0;
	line-height:150%;
}

/* ---------- sub-header and intro copy container ----------- */

#pageIntro {
	float:left;
	width:339px;
	padding-right:20px;
}

/* ---------- table of contents ---------- */

#tocContainer {
	float:left;
	width:180px;
	padding-left:20px;
	border-left:1px solid #666;
}

.tableOfContents {
	list-style-image:url(../images/gui/list_style_blue_square_blank.gif);
}

/* ---------- ordered list bullets ---------- */

#mainContent li.blueOne {
	margin-left:22px;
	list-style-image:url(../images/gui/list_style_blue_square_1.gif);
}

#mainContent li.blueTwo {
	margin-left:22px;
	list-style-image:url(../images/gui/list_style_blue_square_2.gif);
}

#mainContent li.blueThree {
	margin-left:22px;
	list-style-image:url(../images/gui/list_style_blue_square_3.gif);
}

/* ---------- diagram image with enlarge function ---------- */

.diagram {
	display:block;
	float:right;
	width:204px;
	margin:0 0 20px 20px;
	padding-top:3px;
	text-decoration:none;
	color:#333;
	text-align:right;
}

.diagramImage {
	margin-bottom:5px;
}

.enlargeButton {
	margin-left:3px;
	vertical-align:middle;
}

.faqTitle {
       margin-top:40px;
}

#mainContent h2.webinar {
	font-size:1.5em;
}
/* ---------- table styles ---------- */

#mainContent table {
	margin-bottom:20px;
	background-color:#666;
}

/* ----- table style for SmallCountries ---- */  

.smallCountry #mainContent table {
	margin-bottom:20px;
	background-color:#FFFFFF;
}

#mainContent th {
	padding:7px;
	color:#fff;
	font-weight:bold;

}

#mainContent tr td {
	background-color:#fff;
}
#mainContent tr.stripe td {
	background-color:#d1eff7;
}

#mainContent td {
	padding:7px;
}

/* ----------- contentList styles ----------- */

#mainContent ul.contentListSet li h3 {
    font-size:1.35em;
    margin-bottom:0.75em;
    color:#5582a1;
}
#mainContent ul.contentListSet li .notice {
    font-style:italic;
}
#mainContent ul.contentListSet li {
    border-bottom:solid 1px #333;
}
#mainContent ul.contentListSet li div.leftAlignImg {
	width:120px;
	margin:3px 10px 10px 0;
}

#mainContent ul.contentListSet li dl dt {
    font-weight:bold;
    margin:0 0 0.05em;
}
#mainContent ul.contentListSet li dl dd {
    padding:0;
    margin:0 0 0.25em 0.75em;
}
#mainContent ul.contentListSet li p,
#mainContent ul.contentListSet li dl dd p {
    line-height:1.25em;
}

#contentBrowser ul,
#contentBrowser li {
	margin-top:0.25em;
	margin-bottom:0.25em;
}