@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-color: #222;
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	overflow-x:hidden;
}


#imageCache{
	display: none;
}
#imageScrollCache{
	display: none;
}
#imageApplicationCache{
	display: none;
}
#imageHistoryCache{
	display: none;
}
#imageLiteratureCache{
	display: none;
}



/*CSS for Top Banner for the Polyguard Home Page, Contact, and Distributors Link at the TOP of web page*/
#topBanner{
	width: 100%;
	height: 35px;
	background:#000;
	font-size: x-small;
	font-weight: bolder;
	margin: 0px auto 10px auto;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#444;
}

#topBanner a:link, #topBanner a:visited, #topBanner a:hover, #topBanner a:active, #topBanner a:focus{
	color: #FFF;
	text-decoration: none;
}

#topBannerHolder{
	width: 960px;
	height: 35px;
}

#linkConDis{
	height: 35px;
	width: 200px;
	padding-top: 1px;
	float: right;
}

#linkPoly{
	height: 35px;
	width: 200px;
	float: left;
}




/*CSS for Logo area near the TOP of web page*/
#logo {
	width: 960px;
	height: 50px;
	margin: 10px auto;
}


#polyLogo {
	height: 45px;
	width: 300px;
	float: left;
	background-image: url(Graphics/Polyguard logo_R.png);
	background-repeat:no-repeat;
}

#RG_AD {
	height: 100px;
	width: 350px;
	margin: -20px auto;
	float: right;
}

#rgLogo{
	height: 45px;
	width: 225px;
	margin-left: 325px;
	background-image:url(Graphics/Logo_ReactiveGel.png);
	background-repeat:no-repeat;
}
#rgLogoText{
	display:none;
}



/*CSS for Image Slidesshow at TOP of web page - does not exist on all web pages*/
#header {
	padding-left: 0px;
	width: 960px;
	height: 253px;
	margin: 5px auto;
	background-image: url(Graphics/Background_Rect_H.png);
}

.main_image {
    width: 960px;
    height: 253px;
    float: left;
    position: relative;
    overflow: /*hidden; --Overflow hidden allows the description to toggle/tuck away as it slides down--*/
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {
	margin-left: 10px;}
*.main_image .desc{
	font-weight: bolder;
    position: absolute;
    bottom: 0;
    left: 38px; /*--Stick the desc class to the bottom of our main image container--*/
    width: 95%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
	display: none; /*hides the transparent comment block - they did not like it*/
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image .block2{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
	display: none;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

.image_thumb {
	display: none; /*hides the thumbnail sidebar block - they did not like it*/
    /*float: right;*/
	margin: 5px 10px 0px 0px;
    width: 178px;
/*    background: #f0f0f0;*/
	/*border-right: 1px solid #fff;*/
    /*border-top: 1px solid #ccc;*/
}

.image_thumb img {
	width: 47px;
	height: 16px;
    border: 1px solid #ccc;
    padding: 5px;
    background: #222;
    float: right;
}
.image_thumb ul {
/*	color:#222;*/
	font-size: small;
    margin: 0px;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0px 0px 0px 0px;
    padding: 1px 0px;
    /*background: #222; F0F0F0 url(nav_a.gif) repeat-x;*/
    width: 180px;
    float: right;
    /*border-bottom: 1px solid #ccc;*/
    /*border-top: 1px solid #fff;*/
    /*border-right: 1px solid #ccc;*/
}
.image_thumb ul li.hover { /*--Hover State--*/   
/*	background: #ddd;*/
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
	background: #0063BE;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 0.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
	font-size: small;
	color:#FFF;
	text-align:left;
    margin: 0px;
    padding: 4px;
    width: 120px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/



/*CSS for Main Menu Navigation Bar near TOP of Main Content*/
#menuBar {
	width: 785px;
	height: 25px;
	/*background-color: #0063BE;*/
	background-image:url(Graphics/MenuBar.png);
	margin: 10px auto;
}

#NavMenu{
	margin-left: 80px;
	width: 685px;
	height: 25px;
	color: #000;
	font-weight:bolder;
	font-size: small;
}
#NavMenu a:link, #NavMenu a:visited, #NavMenu a:active, #NavMenu a:focus{
	color: #FFF;
	text-decoration: none;
}
#NavMenu a:hover{
	color: #000;
	text-decoration: none;
}
#NavMenu ul{
    margin: 0 auto;
    padding: 0px;
}
#NavMenu ul.horizontal_list li{
	width: 95px;
	height: 15px;
	/*background: url(Graphics/Splat.png);
	text-align: center;*/
    float: left;
    list-style: none;
    padding: 0px;
    margin: 5px;
}



/*CSS for Main Content - including all page text info, scroll bar text, and sub-menu for Application Page */
#ScrollArea {
	width: 960px;
	height: 600px;
	margin: 0px auto 20px auto;
	background-repeat: no-repeat;
	background-image: url(Graphics/ScrollArea.gif);
}
#ScrollAreaHome {
	width: 960px;
	height: 1700px;
	margin: 0px auto 20px auto;
	background-repeat: no-repeat;
	background-image: url(Graphics/ScrollAreaHome.gif);
}
#ScrollAreaApp {
	width: 960px;
	height: 10425px;
	margin: 0px auto 20px auto;
	background-repeat: no-repeat;
	background-image: url(Graphics/ScrollAreaApp.gif);
}
#ScrollAreaHis {
	width: 960px;
	height: 4600px;
	margin: 0px auto 20px auto;
	background-repeat: no-repeat;
	background-image: url(Graphics/ScrollAreaHis.gif);
}
#ScrollAreaLit {
	width: 960px;
	height: 300px;
	margin: 0px auto 20px auto;
	background-repeat: no-repeat;
	background-image: url(Graphics/ScrollAreaLit.gif);
}
#ScrollAreaVid {
	width: 960px;
	height: 600px;
	margin: 0px auto 20px auto;
	background-repeat: no-repeat;
	/*background-image: url(Graphics/ScrollAreaVideo.gif);*/
}


#SubMenu {
	position: relative;
	/*right: 0px;*/
	font-size: 0.7em;
	width: 950px;
	height: 50px;
	padding-left: 30px;
}
#SubMenu a:link, #SubMenu a:visited,  #SubMenu a:hover, #SubMenu a:active, #SubMenu a:focus{
	color: #06C;
	text-decoration: underline;
}
#navbar ul{
    margin: 0 auto;
    padding: 0px;
}
#navbar li {
	list-style: none;
	width: auto;
	float: left;
}
#navbar li a {
	display: block;
	padding: 0px 15px 10px 15px;
	text-transform: uppercase;
	text-decoration: none; 
	color: #999;
	font-weight: bold; }
#navbar li a:hover {
	color: #000;
}
#navbar li ul {
	display: none;
}
#navbar li:hover ul, #navbar li.hover ul {
	position: absolute;
	display: inline; 
	font-size: 0.80em;
	margin-right: 20px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}
#navbar li:hover li, #navbar li.hover li {
	float: left;
}
#navbar li:hover li a, #navbar li.hover li a {
	color: #000;
	text-decoration: none; 
}
#navbar li li a:hover {
	color: #999;
	text-decoration: none; 
}


#mainContent{
	width: 925px;
	height: 565px;
	overflow: auto;
	margin: auto;
	overflow-x:hidden;
}
#mainContentHome{
	width: 925px;
	height: 1675px;
	overflow: auto;
	margin: auto;
}
#mainContentApp{
	width: 925px;
	height: 10400px;
	margin: auto;
	overflow-x:hidden;
}
#mainContentHis{
	width: 925px;
	height: 4575px;
	margin: auto;
	overflow-x:hidden;
}
#mainContentHow{
	width: 900px; 
	height: 533px; 
	padding-right: 30px; 
	padding-left: 30px; 
	padding-top: 10px;
}
#mainContentLitTABLE{
	width: 900px;
	height: 475px;
	overflow: auto;
	margin: 0px auto;
	overflow-x:hidden;
}
#mainContentLitTOP{
	width: 900px;
	height: 30px;
	margin: auto;
}
#mainContentTestingTABLE{
	width: 900px;
	height: 450px;
	overflow: auto;
	margin: 0px auto;
	overflow-x:hidden;
}
#mainContentTestingTOP{
	width: 900px;
	height: 150px;
	margin: auto;
}

#theTable {
	width: 900px;
	padding: 0;
	margin: 0;
}
#theTable th {
	font: bolder 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #3E5358;
	border-right: 1px solid #9AABA9;
	border-bottom: 1px solid #9AABA9;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 6px 6px 6px 6px;
	background-color: #B0C4DE;
/*	background-image: url(Graphics/bg_Table%20header.jpg);
	background-repeat: no-repeat;*/
	/*background: url(Graphics/bg_Table header.jpg) #CAE8EA no-repeat;*/
}
#theTable td {
	border-right: 1px solid #9AABA9;
	border-bottom: 1px solid #9AABA9;
	background: #fff;
	padding: 6px 6px 6px 6px;
	color: #3E5358;
	font-size: 10px;
}
#theTable td.alt {
	background: #F2F7FE;
/*	background: #F5FAFA;*/
	color: #797268;
}
#theTable th.noBorder {
	font: bolder 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #3E5358;
}
#theTable th.spec {
	border-right: 1px solid #9AABA9;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#theTable th.specalt {
	border-right: 1px solid #9AABA9;
	border-top: 0;
	background: #F2F7FE;
/*	background: #f5fafa url(images/bullet2.gif) no-repeat;*/
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
#theTable th.lit {
	border-bottom: 1px solid #9AABA9;
	border-right: 0px;
	background: #F5FAFE;
/*	background: #f5fafa F2F7FE url(images/bullet2.gif) no-repeat;*/
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3E5358;
	text-align: left;
	font-size: 16px;
}
#theTable th.litBanner {
	border: none;
	background: #E4F0FE;
/*	background: #CAE8EA url(images/bullet2.gif) no-repeat;*/
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3E5358;
	font-size: 16px;
}
caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	caption-side:bottom;
}


#siteMapArea{
	 width: 90%;
	 margin: 20px auto;
}
#siteMapArea a:link, #siteMapArea a:visited,  #siteMapArea a:hover, #siteMapArea a:active, #siteMapArea a:focus{
	color: #000;
	text-decoration: none;
}
#siteMapArea a.siteMapInfoLink:link, #siteMapArea a.siteMapInfoLink:visited, #siteMapArea a.siteMapInfoLink:hover, #siteMapArea a.siteMapInfoLink:active, #siteMapArea a.siteMapInfoLink:focus{
	color:#0063BE;
	text-decoration: none;
}
#siteMapArea h1{
	color: #333;
	margin: 0 0 .5em 0;
	font-size:24px;
	text-align:left;
/*	text-decoration: underline;*/
}
#siteMapArea h2{
	color: #0063BE;
	margin: 0 0 .5em 0;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
#siteMapArea h3{
	color: #000;
	margin: 0 0 .5em 0;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
#siteMapLeft{
	 float: left;
	 width: 250px;
	 height: 500px;
	 margin: 10;
	 padding: 1em;
}
#siteMapInfo{
	margin-left: 300px;
	border-left: 1px solid gray;
	padding: 15px 0px 0px 50px;
	max-width: 36em;
}



/*CSS for Footer Black Banner area at the BOTTOM of page*/
#footer{
	width: 100%;
	height: 75px;
	font-size: x-small;
	color:#FFF;
	background:#000;
	margin: -10px auto auto auto;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#444;
}
#footerHolder{
	width: 960px;
	height: 75px;
}

#copyRight{
	width: 100px;
	height: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bolder;
	color: #FFF;
	padding: 0px;
	margin: 25px auto -5px auto;
}
#PLogoOLD{
	display: none;
	width: 50px;
	height: 50px;
	background-position:center;
	background-image: url(Graphics/Logo_Polyguard_OLD.png);
	background-repeat: no-repeat;
}


.clearfloat { 
     clear:both; 
     height:0; 
     font-size: 1px;
     line-height: 0px;
}