@charset "utf-8";

*		{ margin: 0px; padding: 0px; }
body	{ background: url(../images/main_spacer.jpg) top repeat-x #f2f20c; font-family: Arial, Helvetica, sans-serif; }
iframe	{ text-align: center; }

div#base			{ background: url(../images/main_bg.jpg) top center no-repeat; }
div#container		{ width: 960px; margin: 0px auto; text-align: center; }
div#topcont			{ height: 30px; background-color: #000000; }
div#topcont img		{ border: none; }
ul#social li			{ float: left; padding: 3px 3px 3px 10px; list-style: none; }
ul#social li a			{ font-size: 8pt; color: #fff; text-decoration: none; }
ul#social li a:hover	{ text-decoration: underline; }
ul#language li			{ float: right; padding: 5px 1px 3px 1px; list-style: none; }
div#headercont			{ height: 128px; background: url(../images/header_bg.jpg) top right #000; overflow: hidden; }
div#headercont h2		{ color: #fff; font-size: 15pt; font-weight: normal; margin: 37px 0px 0px 0px; float: left; }
div#headercont h2 span	{ color: #ffff00; font-weight: bold; }
div#logo				{ float: left; }
div#logo img			{ width: 140px; height: 130px; border: none; margin: 0px 0px 0px 35px; }
div#searchbox				{ float: right; margin: 25px 0px 0px 0px; }
div#searchbox form			{ background: url(../images/search_bg.jpg) top left no-repeat; }
div#searchbox input#tb		{ border: none; background: none; width: 255px; font-size: 15pt; vertical-align: top; padding: 3px 0px 0px 5px; }
ul#mainnavigation			{ margin: 93px 50px 0px 0px; }
ul#mainnavigation li				{ background: url(../images/nav_seperator.jpg) top right no-repeat; list-style: none; float: right; }
ul#mainnavigation li:first-child	{ background: none; }
ul#mainnavigation li a				{ display: block; font-size: 13pt; font-weight: bold; color: #fff; text-decoration: none; padding: 7px 15px 8px 15px; }
ul#mainnavigation li a:hover		{ background: url(../images/nav_on_spacer.jpg) top left repeat-x; text-decoration: none; color: #000; }
div#contenttop						{ height: 27px; }
div#content					{ overflow: hidden; background-color: #fff; }
div#contentleft				{ float: left; width: 194px; background: url(../images/nav_bg.jpg) top right no-repeat; padding: 0px 20px 0px 15px; overflow: hidden; }
div#contentleft img			{ border: none; }
div#contentright			{ width: 715px; padding: 0px 10px 0px 5px; float: right; text-align: left; font-size: 9pt; }
div#contentright h1.newhead	{ background: url(../images/heading_bg.jpg) top left no-repeat; color: #ffff00; font-size: 15pt; padding: 9px 0px 9px 15px; margin: 0px 0px 10px 0px; }
/* div#contentright p		{ margin: 8px 30px 0px 5px; background-color: #fff; }*/
/* Tried creating my own style for menu on pages in ebook subdirectory, but it did not work.*/
.ebookmenu 			{
				color: #FFFFFF;
				background-color: #707070;
				text-align:center
				
}
.ebookmenu a:link {
				color: white

}

.ebookmenu a:hover  {
				color:yellow

}
.ebookmenu a:visited {
				color:yellow

}

div#contentright ul			{ margin: 5px 5px 5px 20px; list-style: circle; }
div#contentright table 		{ margin: 5px 0px 5px 0px; }
div#contentright td 		{ padding: 3px; }
div#footer					{ padding: 35px 0px 10px 0px; background: url(../images/content_bottom.jpg) top left no-repeat; font-weight: bold; color: #fff; font-size: 7pt; text-align: left; }
div#footer a				{ color: #fff; text-decoration: none; cursor: pointer; }
div#footer a:hover			{ text-decoration: underline; }
div#footer ul				{ margin: 0px; padding: 0px; }
div#footer ul li			{ float: right; list-style: none; }
div#footercontent			{ margin: 15px 12px 25px 12px; overflow: hidden; }
p#footerline				{ color: #000; text-align: center; font-size: 10pt; }
div#disclaimerpopup			{ margin: 0px 15px 10px 15px; display: none; border: 1px solid #666; background-color: #fff; color: #000; padding: 10px; font-size: 8pt; font-weight: normal; }
div#disclaimerpopup div		{ float: right; margin: 0px 0px 10px 10px; }
div#disclaimerpopup img		{ cursor: pointer; }

ul#mainnavigation div						{ width: 300px; border: 2px solid #000; background-color: #fff; color: #000; z-index: 10; position: absolute; display: none; }
ul#mainnavigation div h3 					{ font-size: 11pt; text-align: left; background: url(../images/sub_menu_heading_bg.jpg) top left repeat-x; color: #fff; display: block; padding: 9px 0px 8px 10px; }
ul#mainnavigation div h3:hover				{ background: url(../images/nav_on_spacer.jpg) top left repeat-x; text-decoration: none; color: #000; }
ul#mainnavigation div div.contain			{ border: 1px solid #666; margin: 2px; padding: 4px; width: 285px; position: relative; }
ul#mainnavigation div ul					{ margin: 0px; padding: 0px; text-align: left; line-height: 12px; }
ul#mainnavigation div ul li					{ background: url(../images/sub_nav_arrow.jpg) 8px 7px no-repeat; float: none; padding: 4px 5px 4px 17px; font-size: 8pt; font-weight: bold; }
ul#mainnavigation div ul li:first-child		{ background: url(../images/sub_nav_arrow.jpg) 8px 7px no-repeat; float: none; padding: 4px 5px 4px 17px; font-size: 8pt; }
ul#mainnavigation div ul li a				{ background: none; color: #0000ff; padding: 0px; font-size: 8pt; display: inline; }
ul#mainnavigation div ul li a:hover			{ background: none; color: #0000ff; text-decoration: underline; }
ul#mainnavigation div ul ul					{ margin: 5px 0px 0px 0px; padding: 0px; text-align: left; border: none; }
ul#mainnavigation div ul ul li				{ background: url(../images/sub_nav_dot.jpg) 15px 6px no-repeat; float: none; padding: 3px 5px 3px 22px; font-size: 8pt; }
ul#mainnavigation div ul ul li:first-child	{ background: url(../images/sub_nav_dot.jpg) 15px 6px no-repeat; float: none; padding: 3px 5px 3px 22px; font-size: 8pt; }
ul#mainnavigation div ul ul li a			{ background: none; color: #0000ff; font-size: 8pt; padding: 0px; }
ul#mainnavigation div ul ul li a:hover		{ background: none; color: #0000ff; text-decoration: underline; }
ul#mainnavigation div p						{ color: #666; font-size: 10pt; margin: 5px 0px 5px 0px; text-align: center; }

ul#mainnavigation div table#service					{ margin: 5px 0px 5px 0px; }
ul#mainnavigation div table#service td				{ text-align: center; border-left: 1px solid #666; }
ul#mainnavigation div table#service td:first-child	{ text-align: center; border-left: none; }
ul#mainnavigation div table#service td a			{ background: none; color: #0000ff; font-size: 8pt; margin: 0px; padding: 0px; display: block; padding: 5px; background-color: #e4e4e4; border-right: 1px dashed #f0f0f0; }
ul#mainnavigation div table#service td a:hover		{ background: none; color: #0000ff; text-decoration: underline; }

ul#mainnavigation div#products					{ background-color: #f2f2f2; border: 1px solid #666; padding: 0px; font-size: 8pt; width: 433px; font-weight: bold; position: relative; margin: 5px 0px 0px 0px; }
ul#mainnavigation div#products h4 a				{ background-color: #dedede; padding: 4px; display: block; text-align: left; }
ul#mainnavigation div#products h4 a:hover		{ background-color: #a9a9a9; text-decoration: none; }
ul#mainnavigation div#products h4 img			{ border: none; vertical-align: middle; margin: 3px 5px 3px 1px; }
ul#mainnavigation div#products p				{ margin: 4px 0px 4px 5px; color: #000; font-size: 8pt; text-align: left; }
ul#mainnavigation div#products a				{ background: none; color: #0000ff; font-size: 8pt; margin: 0px; padding: 0px; display: inline; }
ul#mainnavigation div#products a:hover			{ background: none; color: #0000ff; text-decoration: underline; }
ul#mainnavigation div#products span				{ border-top: 1px dashed #666; height: 0px; }
ul#mainnavigation div#products td				{ width: 50%; vertical-align: top; padding: 3px; }
ul#mainnavigation div#products td:first-child	{ border-right: 1px solid #666; }

ul#menu					{ margin: 5px 0px 15px 0px; }
ul#menu img				{ border: none; vertical-align: top; margin: 4px 5px 0px 0px; }
ul#menu li				{ text-align: left; margin: 0px 0px 1px 0px; list-style: none; }
ul#menu li a			{ display: block; font-size: 11pt; background: url(../images/left_nav_off.jpg) top left no-repeat; color: #fff; text-decoration: none; padding: 3px 0px 3px 8px; cursor: pointer; font-weight: bold; }
ul#menu li a.on			{ display: block; font-size: 11pt; background: url(../images/left_nav_on_add.jpg) top left no-repeat; color: #fff; text-decoration: none; padding: 3px 0px 3px 25px; cursor: pointer; font-weight: bold; }
ul#menu li a.off		{ display: block; font-size: 11pt; background: url(../images/left_nav_off_add.jpg) top left no-repeat; color: #fff; text-decoration: none; padding: 3px 0px 3px 25px; cursor: pointer; font-weight: bold; }
ul#menu li a:hover		{ background: url(../images/left_nav_on.jpg) top left no-repeat; }
ul#menu li a.on:hover	{ background: url(../images/left_nav_on_add.jpg) top left no-repeat; }
ul#menu li a.off:hover	{ background: url(../images/left_nav_on_add.jpg) top left no-repeat; }
ul#menu ul				{ background: url(../images/sub_nav_bg.jpg) top left repeat-y; padding: 3px 0px 3px 0px; line-height: 12px; }
ul#menu ul li			{ list-style: none; font-size: 8pt; padding: 3px 0px 3px 20px; text-align: left; background: url(../images/sub_nav_arrow.jpg) 10px 6px no-repeat; font-weight: bold; }
ul#menu ul li a			{ margin: 0px 5px 0px 0px; padding: 0px; color: #0000ff; text-decoration: none; font-weight: normal; background: url(../images/spacer.gif) top left repeat-y; font-size: 8pt; }
ul#menu ul li a:hover	{ text-decoration: underline; background: url(../images/spacer.gif) top left repeat-y; }
ul#menu ul div			{ list-style: none; font-size: 8pt; padding: 5px 0px 0px 8px; text-align: left; background: url(../images/sub_nav_dot.jpg) 0px 7px no-repeat; }

div#trainingmenu						{ background: url(../images/training_menu_bg.jpg) top left no-repeat; overflow: hidden; margin: 10px 0px 5px 0px; }
div#trainingmenu > h4					{ font-size: 14pt; color: #000; padding: 11px 0px 8px 12px; text-align: left; }
div#trainingmenu > ul					{ margin: 0px 0px 15px 0px; padding: 0px 10px 0px 15px; list-style-type: none; width: auto; float: left; text-align: left; line-height: 24px; }
div#trainingmenu > ul > li				{ background: url(../images/sub_nav_arrow.gif) 0px 8px no-repeat; padding: 0px 0px 0px 10px }
div#trainingmenu > ul > li > a			{ font-size: 11pt; color: #000; font-weight: bold; text-decoration: none; }
div#trainingmenu > ul > li > a:hover	{ text-decoration: underline; }

div#trainingmenusub					{ margin: 0px 0px 1px 0px; width: 704px; overflow: hidden; }
div#trainingmenusub	img				{ border: none; vertical-align: middle; margin: 0px 5px 0px 2px; }
div#trainingmenusub	> div			{ margin: 1px; text-align: center; float: left; width: 350px; padding: 4px 0px 6px 0px; background-color: #313131; }
div#trainingmenusub	> div > a		{ font-size: 12pt; font-weight: bold; color: #fff; text-decoration: underline; }
div#trainingmenusub	> div > a:hover	{ text-decoration: none; }
p#trainingmenubottom				{ text-align: center; padding: 5px; margin: 0px 12px 5px 1px; font-size: 9pt; background: #e9e9e9; }

div#socialbox						{ text-align: center; font-size: 8pt; margin: 15px 0 0 0; border: 1px solid #ccc; padding: 10px; }
div#socialbox p 					{ margin: 8px 0px 8px 0px; }
div#facebooklike					{ text-align: center; padding: 10px 0 10px 0; width: 200px; }
div#facebookshare					{ width: 60px; margin: 0px auto; text-align: center; overflow: hidden; padding: 10px 0 8px 0; }
div#linkedin						{ text-align: center; padding: 12px 0 12px 0; }

div#facebooklikecontent				{ text-align: left; padding: 10px; margin: 0 5px 10px 0; border: 1px solid #ccc; }

table#plcparts td					{ text-align: center; padding: 10px; }