/* ***** T&G Chemical Supply Company Website Styles ***** */
/* ***** (c)2004-2008 All rights reserved. ***** */

/* Main Site Styles ***** */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;	
	}
	
table {
	width: 100%;
	margin: 1px;
	padding: 0;
	}
		
td#leftNav {
	width: 10%;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	}
	
td#mainContent {

	padding: 10px;
	vertical-align: top;
	}

td#rightNav {
	width: 10%;
	padding: 10px;
	text-align: center;
	vertical-align: top;
	}

/* ***** Header Section Styles ***** */
div#head {
	width: 100%;
	height: 95px;
	background-image: url('images/backgrd_1.gif');
	background-repeat: repeat-x;
	}

/* ***** DateLine Section Styles ***** */	
tr.dateLine {
	background: #990000;
	text-align: right;
	color: #FFFFFF;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	height: 18px;
	}
	
.date {
	padding-right: 10px;
	}
	
/* ***** MainContent Section Styles ***** */
div.centeredContent {
	text-align: center;
	}
	
td.alignLeft {
	text-align: left;
	width: 50%;
	}
	
td.alignRight {
	text-align: right;
	width: 50%;
	}

td.alignCenter {
	text-align: center;
	}
	
h3 {
	padding-top: 6px;
	color: #990000;
	border-bottom: 1px solid #990000;
	}
	
h2 {
	padding: 3px;
	color: #990000;
	font-size: 12pt;
	margin: 3px;
	}
	
p a {
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	color: #006600;
	font-weight: bold;
	}

p a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	color: #999999;
	font-weight: bold;
	}

.highlight {
	font-weight: bold;
	color: #990000;
	}
	
.textBold {
	font-weight: bold;
	}
	
.textReg {
	font-weight: normal;
	}
	
div.announcement {
	display: none;
	text-align: center;
	}
	
ul.productInfo {
	list-style-type: disc;
	line-height: 1.5em;
	color: #990000;
	text-align: left;
	}
	
li.moreInfo {
	list-style-type: none;
	margin-left: 0px;
	}
	
.regularText {
	color: #000000;
	}

div.secondaryNav {
	text-align: center;
	}
	
div.secondaryNav td {
	vertical-align: top;
	text-align: center;
	}
	
td.productInfo a {
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	color: #990000;
	font-size: 8pt;
	font-weight: bold;
	}
	
td.productInfo a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	color: #999999;
	font-size: 8pt;
	font-weight: bold;
	}

td.productList {
	vertical-align: top;
	}
	
td.productList ul {
	list-style-type: none;
	text-align: left;
	}
	
td.productList ul li:first-child {
	list-style-type: none;
	color: #990000;
	font-weight: bold;
	font-size: 12pt;
	}

.mfrList {
	text-align: center;
	}
	
td.mfrList a img {
	border: 0 solid #000000;
	text-decoration: none;
	padding: 10px;
	}
	
.disclaimer {
	text-transform: uppercase;
	font-weight: bold;
	}
	
ul.disclaimerList {
	list-style-type: none;
	}
	
table.msdsFormat {
	border: 1px solid #990000;
	padding: 0;
	margin: 0;
	}

table.msdsFormat th {
	background: #990000;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	text-align: center;
	padding: 0;
	margin: 0;
	}
	
td.centerAlign {
	border: 1px solid #CCCCCC;
	text-align: center;
	}
	
td.leftAlign {
	border: 1px solid #CCCCCC;
	text-align: left;
	width: 70%;
	padding: 3px;
	}

	
/* ***** Navigation Sections Styles ***** */
div.navList ul {
	border: 1px solid #006600;
	width: 175px;
	vertical-align: top;
	padding: 0;
	padding-bottom: 5px;
	margin: 10px;
	overflow: visible;
	text-align: left;
	}

div.navList ul li:first-child {
	background: #990000;
	font-weight: bold;
	list-style-image: url('images/clover.gif');
	list-style-position: inside;
	color: #FFFFFF;
	padding: 2px;
	overflow: visible;
	}
	
div.navList ul li.navLink  a {
	color: #006600;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	font-size: 8pt;
	}
	
div.navList ul li.navLink  a:hover {
	color: #999999;
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	font-size: 8pt;
	}
		
div.navList ul li.navLink {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 5px;
	margin: 3px;
	color: #006600;
	font-size: 8pt;
	}
	
img.imgLink {
	padding-top: 8px;
	border: 0 solid #999999;
	text-decoration: none;
	}

div.sponsorLink {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	}
	
div#footer {
	width: 100%;
	text-align: center;
	font-size: 7pt;
	background: #CCCCCC;
	padding: 2px;
	color: #666666;
	}
	
div#footer a {
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	color: #666666;
	}

div#footer a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	color: #FFFFFF;
	}
	
/* ***** Microfiber Table Styles ***** */
div.microFiber {
	border: 1px solid #990000;
	padding: 2px;
	margin: 0;
	}

table.tableMicroFiber {
	border: 1px solid #CCCCCC;
	padding: 0; 
	margin: auto;
	font-size: 8pt;
	font-weight: normal;
	border-collapse: collapse;
	}
	
div.microFiber table th {
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #000000;
	padding: 2px;
	}
	
td.column1 {
	width: 40%;
	text-align: left;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}
	
td.column2 {
	width: 15%;
	text-align: left;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}
	
td.column3 {
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}
	
td.column4 {
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}
	
td.column5 {
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}
	
td.yellow {
	background: #FFFF00;
	width: 15%;
	text-align: left;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}
	
td.pink {
	background: #FF99CC;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.teal {
	background: #009999;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.gray {
	background: #CCCCCC;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.ltGreen {
	background: #CCFFCC;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.aqua {
	background: #00CCFF;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.pale {
	background: #FFFFCC;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.green {
	background: #00FF00;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.white {
	background: #FFFFFF;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}
	
td.gold {
	background: #FFCC00;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.purple {
	background: #CC99CC;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.red {
	background: #FF0000;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.olive {
	background: #99CC33;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

td.dkGray {
	background: #999999;
	width: 15%;
	text-align: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}
	
td.dkGreen {
	background: #669966;
	padding: 2px;
	width: 50px;
	}

.annotation {
	font-size: 7pt;
	}
	
table.microCare {
	margin: auto;
	width: 100%;
	text-align: center;
	}

table.microCare  ul {
	list-style-type: none;
	}	
	
table.blackBorder {
	border-collapse: collapse;
	margin: auto;
	width: 500px;
	}
	
table.blackBorder td {
	padding: 3px;
	border: 2px solid #000000;
	}
	
table.blackBorder td.endCap {
	width: 100px;
	font-weight: normal;
	}
	
table.blackBorder td.interior {
	width: 50px;
	font-weight: normal;
	}
	
ol.romanNumeral {
	list-style-type: upper-roman;
	font-weight: bold;
	color: #000000;
	}
	
ol.arabicNumeral {
	list-style-type: decimal;
	font-weight: bold;
	color: #000066;
	}
	
ol.arabicNumeral ul {
	list-style-type: none;
	}
	
.tableImageContent {
	width: 500px;
	}

.tdImage {
	width: 150px;
	vertical-align: top;
	}
	
.tdContent {
	width: 350px;
	vertical-align: top;
	font-weight: normal;
	color: #000000;
	}
	
div.inset {
	margin: auto;
	width: 90%;
	font-size: 10pt;
	border: 3px solid #990000;
	padding: 5px;
	}
	
div.inset ul {
	list-style-type: none;
	}
	
div.inset2 {
	margin: auto;
	width: 90%;
	font-size: 10pt;
	border: 3px solid #990000;
	background: #99CC99;
	padding: 5px;
	}
	
td.tdMicroUse1 {
	width: 50%;
	padding: 10px 2px;
	margin: 0;
	vertical-align: top;
	}
	
td.tdMicroUse2 {
	width: 50%;
	padding: 10px 2px;
	margin: 0;
	vertical-align: top;
	}
	
li.question {
	list-style-image: url('images/bullet_q.gif');
	font-weight: bold;
	color: #990000;
	}
	
li.answer {
	list-style-image: url('images/bullet_a.gif');
	}