﻿body
{
	background-color: #666666;
	text-align: center;
	padding: 0;
	font-family: Verdana, Tahoma, Arial, helvetica, Sans-Serif;
	font-size: 100.01%;
}

div.Page
{
	min-height: 600px !important;
	width: 921px;
	text-align: left;
}

div.PageHeader
{
	float: left;
	background-image: url(    'images/header_background.png' );
	background-position: top left;
	background-repeat: no-repeat;
	width: 921px;
	height: 180px;
	clear: both;
}

div.PageBody
{
	width: 890px;
	position: relative;
	float: left;
	text-align: left;
	margin-left: 21px;
	background-color: White;
	background-image: url(    'images/toc_background.png' );
	background-position: top left;
	background-repeat: repeat-y;
	border: solid 5px #F3CF44;
	border-top: none;
}

div.PageLeft
{
	padding: 0px;
	padding-top: 15px;
	width: 200px;
	float: left;
	clear: left;
	min-height: 400px !important;
}

div#CenterRight
{
	width: 690px;
	float: left;
	background-image: url( 'images/forklift_background.png' );
	background-position: bottom right;
	background-repeat: no-repeat;
}

#PageCenter
{
	float: left;
	width: 500px;
	min-height: 400px !important;
	font-family: Verdana, Tahoma, Arial, helvetica, Sans-Serif;
	background-color: Transparent;
}

#PageContent a
{
	color: #003399;
	text-decoration: none;
}

#PageContent a:visited
{
	color: #003399;
}

#PageContent a:hover
{
	color: rgb(85,142,213);
}

#PageContent a.Selected
{
	color: #003399;
	color: White;
}

div.TOC
{
	margin-left: 10px;
	background-color: White;
	opacity: .85;
	filter: alpha(opacity=85); /* comment this line to allow IE to round the corners. */
	-moz-opacity: 0.85;
	font-family: Aharoni, Verdana, Tahoma, Arial, helvetica, Sans-Serif;
}

div.TOC a
{
	font-size: 1.1em;
	display: block;
	width: 179px;
	padding: 3px;
	margin: 0;
	text-decoration: none;
}

div.TOC a:hover
{
	background-color: #F3CF44;
}

div.TOC a.Selected
{
	background-color: #666666;
	color: White;
	font-size: 1.1em;
}


div#PageContent
{
	width: 500px;
	float: left;
	background-color: White;
	opacity: .85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	font-size: .8em;
	.font-size: .8em;
}

div#PageContentInner
{
	padding: 20px;
	color: Black;
}

div#PageFooter
{
	clear: both;
	width: 100%;
	color: White;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 30px;
}

div.HorizBar
{
	float: left;
	height: 55px;
	width: 100%;
	background-image: url(    'images/horizbar.png' );
	background-repeat: repeat-x;
}

div#PageRight
{
	float: right;
	clear: right;
	width: 190px;
	text-align: left;
	background-color: Transparent;
}

div.Rounded
{
	background-color: White;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}

h1
{
	padding-bottom: 10px;
	font-family: Aharoni, Verdana, Tahoma, Arial, helvetica, Sans-Serif;
}

h4
{
	color: #666666;
}

h1, h2, h3, h4
{
	margin: 0;
	padding: 5px 0 2px 0;
	clear: both;
}

#PageContent h1
{
	font-size: 1.8em;
	.font-size: 1.8em;
}

#PageContent h2
{
	font-size: 1.5em;
	.font-size: 1.5em;
}

#PageContent h3
{
	font-size: 1.3em;
	.font-size: 1.3em;
}

#PageContent h4
{
	font-size: 1.1em;
	.font-size: 1.1em;
}


div.Highlight, div.HighlightINV, div.HighlightBody, div.HighlightBodyINV, div.Warning
{
	margin: 10px;
	margin-top: 35px;
	margin-bottom: 20px;
}

div.Highlight, div.HighlightINV
{
	width: 180px;
}

div.HighlightBody, div.HighlightBodyINV, div.Warning
{
	font-size: 9pt;
	margin-left: 0px;
	width: 100%;
}

div.Highlight, div.HighlightBody
{
	background-color: #F3CF44;
	color: Black;
}

div.HighlightINV, div.HighlightBodyINV
{
	background-color: #666;
	color: #F3CF44;
}

div.Warning
{
	font-size: 9pt;
	background-color: #800000;
	color: White;
}

div#PageRight div.Highlight, div#PageRight div.HighlightINV
{
	width: 170px;
}

div.HighlightInner
{
	padding: 5px;
}

#PageContent div.HighlightInner h1, h2, h3, h4
{
	padding-top: 0;
}

div.Highlight a
{
	text-decoration: none;
	color: #555;
}

div.Highlight a:hover
{
	color: Black;
}

div.HighlightINV a
{
	text-decoration: none;
	color: White;
}

div.HighlightINV a:hover
{
	color: #F3CF44;
}

TABLE
{
	border-collapse: collapse;
}

THEAD
{
	background-color: #666666;
	color: White;
	font-weight: bold;
}

TD
{
	margin: 0;
	vertical-align: top;
}

TD P
{
	font-size: 8pt;
}

TABLE#Products
{
	font-size: 8pt;
}

TABLE#Products TBODY TD
{
	padding: 3px 5px 3px 0;
}

TABLE#Products TBODY TR.Alternate
{
	background-color: #f5f5f5;
}

/* Form Formatting */
FIELDSET
{
	border-style: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 6px;
	font-size: 9pt;
}

FIELDSET.plain
{
	border: none;
}
LEGEND
{
	font-size: 10pt;
	font-weight: bold;
	margin-left: -5px;
	padding-right: 10px;
}

FIELDSET UL
{
	margin-left: 0;
	border-style: none;
	float: left;
	padding: 0 0 0 0;
	list-style-type: none;
}

FIELDSET OL
{
	margin: 0 0 0 15px;
	list-style: none;
	padding: 5px 0 0 10px;
}

FIELDSET OL LI
{
	padding-top: 4px;
	padding-bottom: 4px;
}

FIELDSET OL LI LABEL
{
	vertical-align: bottom;
	float: left;
	width: 10em;
	margin-right: 1em;
}

FIELDSET.Wide OL LI LABEL
{
	vertical-align: bottom;
	float: left;
	width: 16em;
	margin-right: 1em;
}

FIELDSET OL LI LABEL.Disabled
{
	color: Silver;
}

FIELDSET OL LI INPUT
{
	vertical-align: baseline;
}

p.strikeout
{
	color: #555;
	text-decoration: line-through;
	padding: 0;
	margin: 0;	
}

ol
{
	padding-left: 0;
	margin-left: 20px;
}

ol li
{
	margin-left: 20px;
}

ol li.question, ol li.answer
{
	padding-top: 5px;
	padding-left: 40px;
	margin-left: 10px;
	list-style: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}

ol li.question
{
	padding-top: 0;
	background-image: url('images/question_small.png' );
	padding-bottom: 25px;
	font-weight: bold;
}

ol li.answer
{
	padding-top: 0;
	background-image: url('images/answer_small.png' );
	min-height: 40px !important;
	margin-top: 0px;
	padding-bottom: 10px;
	border-bottom: solid 2px #eee;
	margin-bottom: 10px;
}

DT
{
	font-weight: bold;
}

UL.ExtLinks
{
	list-style-image: url('images/links.gif');
}

UL.Video
{
	list-style-image: url('images/video_bullet.png');
}

UL.Acrobat
{
	list-style-image: url('images/pdf_icon_small.gif');
}

UL.Library LI
{
	font-family: Aharoni, Verdana, Tahoma, Arial, helvetica, Sans-Serif;
	font-size: 14pt;
	font-weight: bold;
}

UL A
{
	color: Black;
	text-decoration: none;
}

UL A:hover
{
	color: Blue;
}

.Hidden
{
	display: none;
	visibility: collapse;
}
/* slideshow */
#slideshow
{
	margin: 0 auto;
	width: 640px;
	height: 263px;
	background: transparent url(images/slideshow_background.png) no-repeat 0 0;
	position: relative;
}
#slideshow #slidesContainer
{
	margin: 0 auto;
	width: 560px;
	height: 263px;
	overflow: auto; /* allow scrollbar */
	position: relative;
}

/** 
 * Slideshow controls style rules.
 */
.control
{
	display: block;
	width: 39px;
	height: 263px;
	text-indent: -10000px;
	position: absolute;
	cursor: pointer;
}
#leftControl
{
	top: 0;
	left: 0;
	background: transparent url(images/control_left.png) no-repeat 0 0;
}
#rightControl
{
	top: 0;
	right: 0;
	background: transparent url(images/control_right.png) no-repeat 0 0;
}

/* Slideshow slides */
#slideshow #slidesContainer .slide
{
	margin: 0 auto;
	width: 540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height: 263px;
}

.slide h2, .slide p
{
	text-align: left;
	margin: 15px;
	font-size: .9em;
}

.slide p
{
	font-size: .7em;
	text-align: justify;
}

.slide img
{
	float: right;
	margin: 0 15px 10px 15px;
}