@charset "utf-8";

*		{ margin: 0px; padding: 0px; -webkit-transition:width .2s, height .2s, background-color .52, -webkit-transform .2s; transition:width .2s, height .2s, background-color .2s, transform .2s; }
body	{ background-color: #ffd700; font-family: Arial, Helvetica, sans-serif; }
iframe	{ text-align: center; }

div#base			{ background: none; }
div#container		{ width: 100%; margin: 0px auto; text-align: center; }
.mobileimage {
				border-style: solid;
				border-width: 0;
				max-width:100%; 
				height:auto;
}

@media(min-width:780px) {
	body				{ background: url("https://bin95.com/images/main_spacer.jpg") top repeat-x #ffd700; font-family: Arial, Helvetica, sans-serif; }
	div#base			{ background: url("https://bin95.com/images/main_bg.jpg") top center no-repeat; }
	div#container		{ width: 768px; }
}

@media(min-width:980px) {
	div#container					{ width: 960px; }
}

div#topcont					{ height: 30px; background-color: #000000; display: none; }
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: 172px; background-color: #000;; overflow: hidden; }
div#headercont h2			{ color: #fff; font-size: 11pt; font-weight: normal; margin: 0; padding: 0; float: none; }
div#headercont h2 span		{ color: #ffff00; font-weight: bold; }
div#logo					{ display: none;}
div#logo-mobile				{ }
div#logo-mobile img			{ width: 90px; margin: 10px 0; }
div#logo img				{ width: 140px; height: 130px; border: none; margin: 0px 0px 0px 35px; }
div#searchbox				{ display: none; }
div#mobile-menu				{ padding: 10px 0; }
div#mobile-menu button		{ background-color: #ffff00; box-shadow: inset 0 1px 2px rgba(36,46,53,.25); padding: 6px 12px; font-size: 1.1em; border-radius: 4px; border: none; cursor: pointer; }
div#mobile-menu ul			{ -webkit-transition: none; transition: none; display: none; margin-top: 10px; padding: 10px 0; background-color: #000; list-style: none; position: absolute; text-align: left; z-index: 100006; left: 0; right: 0; border: 1px solid #fff; }
div#mobile-menu ul li		{ }
div#mobile-menu ul li a		{ font-weight: bold; color: #fff; text-decoration: none; display: block; padding: 7px 10px; }
div#mobile-menu ul li a:hover	{ color: #ffff00; text-decoration: underline; }
ul#mainnavigation			{ display: none; }

@media(min-width:780px) {
	div#mobile-menu						{ display: none; }
	div#headercont h2					{ color: #fff; font-size: 11pt; font-weight: normal; margin: 40px 0px 0px 0px; padding: 0 0 0 155px; float: left; }
	div#logo							{ float: left; }
	div#logo-mobile						{ display: none; }
	div#headercont						{ height: 128px; background: url("https://bin95.com/images/header_bg.jpg") top left #000 no-repeat; overflow: hidden; }	
	ul#mainnavigation					{ margin: 93px 0 0 0; display: block; }
	ul#mainnavigation li				{ background: url("https://bin95.com/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: 11pt; font-weight: bold; color: #fff; text-decoration: none; padding: 8px 10px 9px 10px; }
	ul#mainnavigation li a:hover		{ background: url("https://bin95.com/images/nav_on_spacer.jpg") top left repeat-x; text-decoration: none; color: #000; }
	div#topcont							{ display: block; }
	div#searchbox						{ float: right; margin: 33px 0px 0px 0px; display: block; }
	div#searchbox form					{ background: url("https://bin95.com/images/search_bg.jpg") top left no-repeat; }
	div#searchbox input#tb				{ border: none; background: none; width: 225px; font-size: 15pt; vertical-align: top; padding: 3px 0px 0px 10px; outline: none; }
}

@media(min-width:980px) {
	div#headercont h2			{ color: #fff; font-size: 15pt; padding: 0 0 0 170px; margin: 37px 0px 0px 0px; }
	ul#mainnavigation			{ margin: 93px 50px 0 0; }
	ul#mainnavigation li a		{ font-size: 13pt; padding: 7px 15px 8px 15px; }
	div#searchbox input#tb		{ width: 255px; }
}

/**/
div#contenttop						{ height: 27px; display: none; }
/**/

div#content					{ overflow: hidden; background-color: #fff; border-radius: 10px; margin: 10px 5px 0 5px; padding: 15px 10px 15px 5px; }
div#contentleft				{ display: none; float: left; width: 194px; background: url("https://bin95.com/images/nav_bg.jpg") top right no-repeat; padding: 0px 20px 0px 15px; overflow: hidden; }
div#contentleft img			{ border: none; }
div#contentright			{ width: 100%; padding: 0px 10px 0px 5px; float: none; text-align: left; font-size: 12pt; }
div#contentright h1.newhead	{ background-color: #000; color: #ffff00; font-size: 15pt; padding: 9px 10px 9px 15px; margin: 0px 5px 10px 0px; border-radius: 15px; }
/*div#contentright h1.newhead			{ background: url(https://bin95.com/images/heading_bg.jpg) top left no-repeat; color: #ffff00; font-size: 15pt; padding: 9px 0px 9px 15px; margin: 0px 0px 10px 0px; }*/

@media(min-width:780px) {
	div#content					{ margin: 10px 0 0 0; padding: 15px 0 15px 0; }
	div#contentleft				{ display: block; }
	div#contentright			{ margin-left: 229px; width: 515px; }
}

@media(min-width:980px) {
	div#contentright					{ width: 715px; }
}

/* 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

}
.sharecontainer {
				margin: 20px auto;
				width: 400px;
				max-width: 100%;
				text-align: center;
}
.share-btn {
				display: inline-block;
				vertical-align: top;
				position: relative;
				margin: 0 10px;
				padding-top: 40px;
				width: 80px;
				font-weight: bold;
				text-align: center;
				text-decoration: none;
				border-radius: 8px;
				-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
				box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.share-btn:active {
				margin-top: 3px;
}
.share-btn:active .share-btn-action {
				padding-bottom: 3px;
				-webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
				box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
}
.share-btn:active .share-btn-action:after {
				bottom: 3px;
}
.share-btn-count {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				line-height: 40px;
				font-size: 19px;
				letter-spacing: -1px;
				color: #555;
				text-shadow: 0 1px white;
				background: #e6eff5;
				border-width: 1px 1px 0;
				border-style: solid;
				border-color: #c5c5c5 #bbb;
				border-radius: 8px 8px 0 0;
				background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
				background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
				background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
				background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), transparent 40%);
				-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
				box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
}
.share-btn-count:after {
				content: '';
				position: absolute;
				top: 100%;
				left: 50%;
				margin-left: -6px;
				border: 6px solid transparent;
				border-top-color: #e6eff5;
}
.share-btn-count:before {
				content: '';
				position: absolute;
				top: 100%;
				left: 50%;
				margin-left: -6px;
				border: 6px solid transparent;
				border-top-color: #e6eff5;
}
.share-btn-count:before {
				margin-left: -7px;
				margin-top: 1px;
				border-width: 7px;
				border-top-color: rgba(0, 0, 0, 0.07);
}
.share-btn-action {
				display: block;
				position: relative;
				line-height: 32px;
				padding: 2px 0 6px;
				font-size: 12px;
				color: white;
				text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
				border: solid rgba(0, 0, 0, 0.18);
				border-width: 0 1px;
				border-radius: 0 0 8px 8px;
}
.share-btn-action:before {
				content: '';
				display: inline-block;
				vertical-align: top;
				margin: 8px 2px 0 0;
				width: 18px;
				height: 18px;
				background-image: url("https://bin95.com/images/icons.png");
}
.share-btn-action:after {
				content: '';
				position: absolute;
				top: 0;
				bottom: 6px;
				left: 0;
				right: 0;
				border-radius: 0 0 6px 6px;
				-webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
				box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
}
.share-btn-tweet {
				background: #83cfe8;
				background-image: -webkit-linear-gradient(top, #83cfe8, #6ebbd4);
				background-image: -moz-linear-gradient(top, #83cfe8, #6ebbd4);
				background-image: -o-linear-gradient(top, #83cfe8, #6ebbd4);
				background-image: linear-gradient(to bottom, #83cfe8, #6ebbd4);
				-webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
				box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
}
.share-btn-tweet:before {
				margin-left: -3px;
}
.share-btn-tweet:after {
				-webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
				box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
}
.share-btn-tweet + .share-btn-count {
				-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
				box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
}
.share-btn-tweet + .share-btn-count:before {
				border-top-color: rgba(0, 0, 0, 0.05);
}
.share-btn-like {
				background: #6480bd;
				background-image: -webkit-linear-gradient(top, #6480bd, #3c5894);
				background-image: -moz-linear-gradient(top, #6480bd, #3c5894);
				background-image: -o-linear-gradient(top, #6480bd, #3c5894);
				background-image: linear-gradient(to bottom, #6480bd, #3c5894);
				-webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);
				box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);
}
.share-btn-like:before {
				background-position: -18px 0;
}
.share-btn-plus {
				background: #626262;
				background-image: -webkit-linear-gradient(top, #626262, #404040);
				background-image: -moz-linear-gradient(top, #626262, #404040);
				background-image: -o-linear-gradient(top, #626262, #404040);
				background-image: linear-gradient(to bottom, #626262, #404040);
				-webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
				box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
}
.share-btn-plus:before {
				display: none;
}

div#contentright ul			{ margin: 5px 5px 5px 20px; list-style: circle; }
div#contentright p			{ margin: 3px 0; }
div#contentright table 		{ margin: 5px 0px 5px 0px; }
div#contentright td 		{ padding: 3px; }
/*div#footer				{ padding: 35px 0px 10px 0px; background: url(https://bin95.com/images/content_bottom.jpg) top left no-repeat; font-weight: bold; color: #fff; font-size: 7pt; text-align: left; }*/
div#footer					{ margin-bottom: 10px; font-weight: bold; color: #fff; font-size: 8pt; 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; overflow: hidden; margin-bottom: 10px; display: none; }
div#footer ul li			{ float: right; list-style: none; }
div#footercontent			{ padding: 10px; margin: 10px 5px; overflow: hidden; background-color: #000; border-radius: 10px; text-align: center; }
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; }

div#mobile-menu-footer					{ padding: 5px 0 10px 0; }
div#mobile-menu-footer button			{ background-color: #ffff00; box-shadow: inset 0 1px 2px rgba(36,46,53,.25); padding: 6px 12px; font-size: 1.7em; border-radius: 4px; border: none; cursor: pointer; }
div#mobile-menu-footer ul				{ -webkit-transition: none; transition: none; display: none; margin-top: 10px; padding: 10px 0; background-color: #000; list-style: none; position: absolute; text-align: left; z-index: 100006; left: 0; right: 0; border: 1px solid #fff; }
div#mobile-menu-footer ul li			{ float: none; font-size: 1.3em; }
div#mobile-menu-footer ul li a			{ color: #fff; text-decoration: none; display: block; padding: 7px 10px; }
div#mobile-menu-footer ul li a:hover	{ color: #ffff00; }

.copyright				{ display: none; }
.copyright-mobile		{ font-size: 1.2em; }
.footerline				{ display: none; }
.footerline-mobile		{ font-size: 2em; text-align: center; color: #000; }
.footerline-mobile a	{ color: #000 !important; text-decoration: underline !important; }
.footerline-mobile a:hover	{ text-decoration: none !important; }

@media(min-width:780px) {
	div#mobile-menu-footer		{ display: none; }
	div#contentright p			{ margin: 0; }
	div#footercontent			{ margin: 10px 0;; text-align: left; }
	div#footer ul				{ margin: 0px; padding: 0px; overflow: visible; margin-bottom: 0; display: block; }
	p#footerline				{ color: #000; text-align: center; font-size: 10pt; }
	.copyright					{ display: block; }
	.copyright-mobile			{ display: none; }
	.footerline					{ display: block; text-align: center; color: #000; }
	.footerline-mobile			{ display: none; }
}

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("https://bin95.com/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("https://bin95.com/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("https://bin95.com/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("https://bin95.com/images/sub_nav_arrow.jpg") 8px 7px no-repeat; float: none; padding: 5px 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("https://bin95.com/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("https://bin95.com/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("https://bin95.com/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("https://bin95.com/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("https://bin95.com/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("https://bin95.com/images/left_nav_on.jpg") top left no-repeat; }
ul#menu li a.on:hover	{ background: url("https://bin95.com/images/left_nav_on_add.jpg") top left no-repeat; }
ul#menu li a.off:hover	{ background: url("https://bin95.com/images/left_nav_on_add.jpg") top left no-repeat; }
ul#menu ul				{ background: url("https://bin95.com/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("https://bin95.com/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("https://bin95.com/images/spacer.gif") top left repeat-y; font-size: 8pt; }
ul#menu ul li a:hover	{ text-decoration: underline; background: url("https://bin95.com/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("https://bin95.com/images/sub_nav_dot.jpg") 0px 7px no-repeat; }

div#trainingmenu						{ background: url("https://bin95.com/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("https://bin95.com/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; }

div.suppliers 					{ border: 1px dashed #ccc; padding: 10px; margin: 0 0 10px 0; }
div.suppliers ul#supply			{ list-style: none; padding: 0; margin: 10px 0 0 0; }
div.suppliers ul#supply li				{ list-style: none; padding: 0; margin: 0 0 1px 0;  }
div.suppliers ul#supply li a			{ display: block; background-color: #eaeaea; color: #000; text-decoration: none; padding: 3px 0 3px 6px; }
div.suppliers ul#supply li a:hover		{ background-color: #ffffbb; }
.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background-color:#3d94f6;
	-webkit-border-top-left-radius:37px;
	-moz-border-radius-topleft:37px;
	border-top-left-radius:37px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:37px;
	-moz-border-radius-bottomright:37px;
	border-bottom-right-radius:37px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:-6px;
	border:2px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
.classname:hover {
	background-color:#1e62d0;
}.classname:active {
	position:relative;
	top:1px;
}
.button {
				background-color: #ffff00;
				box-shadow: inset 0 1px 2px rgba(36,46,53,.25);
				padding: 6px 12px;
				font-size: 1.1em;
				border-radius: 4px;
				border: none;
				cursor: pointer;
}
.ComicSansMS {
				font-family: "Comic Sans MS";
}
a.define::before {
    content: attr(definition) ;   
    font-size: 12px;
    position: absolute;
    z-index: 999;
    white-space:nowrap;
    background: yellow;
    color:black;
    padding:5px 7px;
    line-height: 24px;
    height: 24px;
    opacity: 0;  
    transition:opacity 0.4s ease-out; 
    }
a.define:hover::before {
    opacity: 1;
    }
@media print
{    
    .no-print *
    {
        display: none !important;
    }
    .no-print
    {
        display: none !important;
    }
}
.imgmobile {
    max-width: 100%;
    height: auto;
    width:auto;
    border:0px
    }
.mobileimage {
    max-width: 100%;
    height: auto;
    width:auto;
    border:0px
    }
.container2 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.textcenter {
	text-align: center;
}
.comicgrey {
	font-family: "Comic Sans MS";
	color: #666666;
}
.comicblue {
	font-family: "Comic Sans MS";
	color: #0000FF;
}
.comicgreen {
				font-family: "Comic Sans MS";
				color: #008000;
}
.txtlrgbluecenter {
				color: #0000FF;
				font-size: x-large;
				text-align: center;
}
.centerxsmall {
	text-align: center;
	font-size: x-small;
}
#sidenoteLtGreen {
				margin-top: 16px;
				padding: 14px;
				background: #CCFF99;
				border-radius: 22px;
				-moz-border-radius: 22px;
				-webkit-border-radius: 22px;
}
.textblue {
				color: #0000FF;
}
.textdrkblue {
				color: #000080;
}
.textaquablue {
				color: #00FFFF;
}
.textred {
				color: #FF0000;
}
.textorange {
				color: #FF9933;
}
.textpink {
				color: #FF00FF;
}
.textgreen {
				color: #008000;
}
.textteal {
				color: #008080;
}
.textolive {
				color: #808000;
}
.textlimegreen {
				color: #00FF00;
}
.textpurple {
				color: #800080;
}
.textmaroon {
				color: #800000;
}
.textwhite {
				color: #FFFFFF;
}
.textgray {
				color: #808080;
}
.textyellow {
				color: #FFFF00;
}
.textAirialRnd {
				font-family: "Arial Rounded MT Bold";
}
.textAirial {
				font-family: Arial;
}
.textCursive {
				font-family: "Script MT Bold";
}
.textWingDings {
				font-family: Wingdings;
}
.textmedium {
				font-size: medium;
}
.textmediumblink {
				font-size: medium;
				text-decoration: blink;
}
.textlarge {
				font-size: large;
}
.textlargeblink {
				font-size: large;
				text-decoration: blink;
}
.imagemarge10 {
				margin-left: 0px;
				margin-right: 10px;
}
.textRedYellowBkg {
				color: #FF0000;
				background-color: #FFFF00;
}
.clearfix {
    overflow: auto;
}
.imgleftborder {
				float: left;
				right: 2px;
				left: 2px;
				border: 1px solid #000000;
}
.imgborder {
				padding: 2px 2px;
				border: 1px solid #000000;
}
.imgleftborder10 {
				float: left;
				padding: 2px 10px;
}
.imgleftborder10x10 {
				float: left;
				right: 2px;
				padding-right:10px;
}
.imgPadding2x10 {
				padding-right:2px 10px;
}
.imgleftpadding5x5 {
				float: left;
				padding: 5px 5px;				
}
.imgleftpad5x5Noboarder {
				float: left;
				padding: 5px 5px;
				border:0px
}
.imgleftNOborder10 {
				float: left;
				padding: 2px 10px;
				border:0px
}
.imgPadding5x5 {
				padding: 5px 5px;				
}
.imgthumb {
				margin: 1px 6px;
				border-width: 0;
}
.imgNoBorder {
				padding: 1px 1px;
				border:0px
}
.bigbluecenter {
				display: table-cell;
				vertical-align: top;
				text-align: center;
				padding: 3px 10px;
				color: #0000FF;
				font-size: xx-large;
				font-weight: bolder;
}
.textcenterpurple {
				text-align: center;
				color: #800080;
}
.Moveright5percent {
				margin-left: 5%;
}
.H2YellowBkgrnd {
				text-align: center;
				background-color: #F2F20C;
}
.txtsmall {
				font-size: small;
}
.txtroundedBold {
				font-family: "Arial Rounded MT Bold";
}
.txtStrikeThrough {
				text-decoration: line-through;
}
.style62 {
				text-align: left;
				color: #0000FF;
}
.imgthumb {
				margin: 1px 6px;
				border-width: 0;
				float: left;
}
.textallignright {
				text-align: right;
}
.textallignrightsmall {
				text-align: right;
				font-size: small;
}
.rTable { display: table; 
			width: 99%;
    		background-color:white;
    		border: 1px solid #333;
  			border-radius: 10px;
  			box-shadow: 5px 5px 2px #AAA;
  			padding: 5px;
  			margin: 0 auto;
  			border-collapse: collapse;
  			
  			} 
.rTableRow {
				display: table-row;
				border-width: 1px 0px 1px 1px;
				border-color: #D6D6D6;
				border-style: solid hidden solid solid;
}
.rTableHeading { display: table-header-group; vertical-align:top; text-align:center; width:100%; clear:both; } 
.rTableHeadingAlignLeft { display: table-header-group; vertical-align:top; width:100%; clear:both; } 
.rTableBody { display: table-row-group; background-color:white; width:80%; margin-left:10%; 
    		margin-right:10%; } 
.rTableFoot { display: table-footer-group; } 
.rTableHead { display:table-caption; 
				vertical-align:top; 
				text-align:center; 
				background-color:white;
				border-radius: 10px;
  				box-shadow: 5px 5px 2px #AAA; 
}
.rTableHeadYellowBackgr {
				display: table-caption;
				vertical-align: top;
				text-align: center;
				background-color: #FFFF99;
				border-radius: 10px;
				box-shadow: 5px 5px 2px #AAA;
}
.rTableCell {display: table-cell;
				vertical-align: top;
				padding: 3px 10px;
}
.rTableCellLtYellow {
				display: table-cell;
				vertical-align: top;
				padding: 3px 10px;
				background-color: #FFFF99;
}
.rTableCellLtBlue {
				display: table-cell;
				vertical-align: top;
				padding: 3px 10px;
				background-color: #99CCFF;
}
.rTableCellLtGreen {
				display: table-cell;
				vertical-align: top;
				padding: 3px 10px;
				background-color: #CCFF99;
}
.rTableCell3 {
				display: table-cell;
				vertical-align: top;
				padding: 3px 10px;
}
.rTableHeadr { display: table-cell; vertical-align:top; text-align:center; padding: 3px 10px; }

.rTableCellr { display: table-cell; 
	vertical-align:top;	 
	text-align:center; 
	padding: 3px 10px; 
	
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}