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

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; list-style:none!important; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* TYPE */
sub, sup {line-height:1em; font-size:.75em;display: -moz-inline-box; display: inline-block; padding: 0; margin:0;}
sub { vertical-align: sub;}
sup { vertical-align: super;}

a { color:#205454; text-decoration:none; outline:none; font-weight:bold; }
a:hover {color: #666666;}
#message a:hover{text-decoration:underline;}
strong, b { font-weight:bold; }
em, i { font-style:italic; }

b i { text-transform:lowercase; letter-spacing:.05em; }

.left {float:left;}
.right {float:right;}
.small {font-size: .75em; color: #999;}


#mainContent p { margin-bottom: 1.3em; }
#mainContent div#message p { margin: .1em 1em 1.3em;color: #4D4D4D;}
#mainContent h1 { font-weight: bold; font-size: 1.5em; line-height: 1.3em; margin:.25em 0 .3em; color:#274D4D;
border-bottom:#225340 1px solid; }
#mainContent h2 { font-weight: bold; font-size: 1.3em; line-height: 1.3em; margin:.25em 0 .3em; color: #408040; }
#mainContent h3 {color:#274D4D; font-weight: bold; font-size: 1.2em; line-height: 1.6em; }
#mainContent h4 { font-weight: bold; font-size: .95em; line-height: 1.4em; }

#mainContent ul { margin:0 20px 18px; list-style: square outside; color:#464F65; }
#mainContent ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; color:#464F65; }

body {
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	background: #339999 url(../images/body_span.jpg) 0px 0px repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	color: #4D4D4D;
	}
 #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/container_span.gif) 0px 0px repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
 #header {
	background: url(../images/header.gif) top center no-repeat; 
	padding: 0 0 10px;
	text-align:right;
	height:111px;
	}
	#topInfo {clear:both; width:900px;}
	#topInfo span{
		color: #333;
		font-weight:bold;
		margin-top:10px;
		font-size:14px;
		padding: 0 15px;
		text-align:left;
		}
	#header a#logo {
		display: block;
		float:left;
		height: 70px;
		width: 350px;
		}
 #header h1 {
	display:none;
	}
	
	 #mainContent {
	      min-height: 500px;
	      
	     }
 #mainContent.full {
	background: url(../images/container_span.gif) 0px 0px repeat-y;
	float:left;
	clear:both;
	width:900px;
	
	
	}
 #mainContent.full .top{
	float:left;
	width:900px;
	height:16px;
	display:block;
	
	}
 #mainContent.full .foot{
	float:left;
	width:900px;
	height:20px;
	display:block;
	margin-top:25px;
	}
 #mainContent.half {
	background: url(../images/container_span.gif) 0px 0px repeat-y;
	float:left;
	clear:both;
	width:900px;
	
	}
 #mainContent.half .top{
	float:left;
	width:900px;
	height:16px;
	display:block;
	
	}
 #mainContent.half .foot{
	float:left;
	width:900px;
	height:16px;
	display:block;
	margin-top:25px;
	}
 #footer {
	margin:0;
	padding:25px 35px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width:830px;
	background: transparent url(../images/footer.gif) top left no-repeat;
	float:left;
	}
 #footer p {
 	color: #333;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
		border-bottom:#666 1px solid;
	}
#footer ul li{
	display:block;
	float:left;
	clear:none;
	width:166px;
	}
	#footer ul li a{ 
		font-size:.8em;
		color:#999999;
		display: block;
		padding: 4px;
		}
		#footer ul li a:hover, #footer ul li a.footTitle:hover{ 
			color:#FFF;
			background-color:#205454;
			}
	#footer ul li a.footTitle{ 
		display: block;
		font-size:.85em;
		color:#666;
		border-bottom:#666 1px solid;
		}
	#footer ul li.main ul {
		display:block;
		float:left;
		clear:left;
		width: 146px;
		}
		#footer ul li.main ul li{
			width:146px;
			}	
	
/* ******************************************** */

/* TOP NAVIGATION */
#headnav {
		clear:none;
	}
	#navbar {
		display:block;
		float:left;
		width: 550px;
		padding-top: 47px;
		}
		#navbar li {
			clear: none;
			float:left;
			font-size:14px;
			}
			#navbar li a {
				color:#FFF;
				display:block;
				letter-spacing:.09em;
				line-height:20px;
				padding: 3px 15px 3px;
				}
				#navbar li a:hover, #navbar li a.hover {
					background-color:#164646;
					color: #CCCCCC;
					display:block;
					line-height:20px;
					border-color: #FFF;
					}
				#navbar li a:hover {
					padding-bottom:3px;
					}
				#headnav ul#navbar li ul {
					display:none;
					position: absolute;
					width:180px;
					clear:both;
					border-right:#205454 1px solid;
					border-left:#205454 1px solid;
					border-bottom:#205454 1px solid;
					background-color:#164646;
					 
					}
					#headnav #navbar li:hover ul  {display:block}
						#headnav #navbar li ul li { 
							float:left;
							clear:both;
							text-align:left;
							margin:0;
							}
							#headnav #navbar li ul li a { 
								font-size: 13px; 
								color: #FFF!important;
								font-weight:normal!important; 
								float:left; 
								font-size:.8em;
								width:150px;
								text-align:left;
								padding:3px 15px 3px!important; 
								margin:0; 
								height: auto!important; 
								}
						#headnav #navbar li ul li a:hover {
							background-color: #E7EFEF!important;
							color:#205454!important;
							font-weight: bold!important;
							border-bottom:#205454 3px solid;
							border-top:#205454 3px solid;
							}



/* -- End Top Navigation -- */

/* mainContent */
#mainContent.half #message {width:600px; float: right; padding: 0 50px 0 0;}
#mainContent.full #message {width:800px; padding: 0 50px;}

a.product {
	height:295px;
	float: left;
	width:160px;
	background:url(../images/productBlock.jpg) 0px 0px no-repeat;
	}	
	a.product img {
	 	display:block;
		margin:9px 4px 3px;
		border-bottom:#205454 2px solid
	}
	a.product span {
		display:block;
		margin:6px 8px 3px;
		}
		a.product span.title {
			font-size:1.3em;
			font-weight:bold;
		}
	a.product:hover {
		text-decoration:none!important;
		color:#333333!important;
		background-position: 0px -296px;
		}
	a.product:hover img {
		border-bottom:#333 2px solid
		}
		
#mainContent.half #sidebar {
	display:block;
	float:left;
	width:250px;
}
	#mainContent.half #sidebar ul {
			list-style:none;
		}
		#mainContent.half #sidebar ul.mainSide {
			width: 214px;
			margin: 0 0 0 11px;
		}
			#mainContent.half #sidebar ul.mainSide li {
				margin: 0 15px;
			}

/* TABLES */
table a,
table a:link,
table a:visited {
	border:none;
	}							
	

table {
	border:2px solid #FFF;
	margin:1em auto;
	border-collapse: separate;
	width:auto;
	font-size:1em;
	line-height:1.5em;
	margin:0px 20px 2em;
	}
caption {
	color: #1D225B;
	font-size:1em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:left;
	}	
tr.thisRow	{
	background-color:#999999;
	color:#000!important
	}
tr.thisRow th, tr.thisRow td	{
	background-color:#999999;
	color:#000!important;
	font-weight:bold;
	}
tr.odd .column1	{
	}	
.column1	{
	}
td, th {border-top:1px solid #FFF;border-left:1px solid #FFF;}
td {
	color:#666;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	padding:.6em 1em;
	text-align: center;
	vertical-align:center
	}				
th {
	font-weight:normal;
	color: #1D225B;
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #333;
	border-right:1px solid #333;
	padding:.6em 1em;
	}		
th.titleRow {
	font-weight:bold;
	color:#1D225B;
	text-align:left;
	padding:0 1em;
	letter-spacing:.25em;
	}					
thead th {
	text-align:left;
	color: #FFF;
	background: #1D225B;
	}	
tfoot th {
	text-align:center;
	background: #333333;
	}	
tfoot th strong {
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	
.bkgd { background-color:#333333;border-color:#333333;}


#message ul.articles {
		padding-left: 15px;
	}
	#message ul.articles li.article {
			margin: 5px 0;
			text-align: left!important;
		}
		#message ul.articles li.article a {
				font-size: 1.2em;
				display: block;
				width: auto;
				float: none!important;
			}
			#message ul.articles li.article span {
					display: block;
				}
				#message ul.articles li.article span.articleDescription {
						font-style: italic;
						color: #000;
					}
#sidebar ul.articles {
		width:auto;
	}
	#sidebar ul.articles li.article {
			margin:5px 0!important;
			padding: 5px 10px!important;
			text-align: left!important;
			background: transparent;
			border-top: #808080 1px solid;
			border-bottom: #808080 1px solid;
		}
		#sidebar ul.articles li.article:hover {
				background: url(../images/sideBar_li_span.jpg) -2px 0px repeat-y;
			}
		#sidebar ul.articles li.article a {
				font-size: 1em;
				display: block!important;
				width: auto;
				float: none!important;
			}
			#sidebar ul.articles li.article span {
					display: block;
					font-size: .85em;
				}
				#sidebar ul.articles li.article span.articleDescription {
						font-style: italic;
						color: #666;
					}
					
/* product lists */
#doc-contents {
	font-family: serif;
}

.lists div.list {
		width: 180px;
		float: left;
		margin: 0px 4px;
		border: #999 1px solid;
	}
	.lists div.list h4 {
			font-size: 1.2em!important;
			border-bottom: #999 1px solid;
			padding: 8px;
		}
	.lists div.list ul.productList {
			list-style: none!important;
			margin: 0!important;
			padding: 0!important;
		}
		.lists div.list ul.productList li {
				margin-bottom: 2px;
				border-top: #999 1px solid;
				border-bottom: #999 1px solid;
				background: #C5D8D9;
			}
			.lists div.list ul.productList li:hover {
					background:#DAE9E9;
				}
			.lists div.list ul.productList li a {
					display: block;
					padding: 3px;
				}
				
.live div.frame {
		height: 500px;
		overflow: auto;
		border: #999 2px solid;
		padding: 5px;
		display:block;
		clear: both;
		width: 100%;
		_width: 96%;
	}
div.DL {
	float: left;
	margin: 0 15px 0 0;
	height: 27px;
	border: #CCC 2px solid;
	border-bottom: none;
}

	div.DL a {
			display: block;
			line-height: 25px!important;
			padding:2px 5px 0 25px;
		}
	div.DL a.doc {
		background: url(../images/DOC.jpg) 0px 0px no-repeat;
		}
	div.DL a.pdf {
		background: url(../images/PDF.jpg) 0px 0px no-repeat;
		}
	div.DL a.pdf:hover {
		text-decoration: none!important;
		background: #DAE9E9 url(../images/PDF.jpg) 0px -25px no-repeat;
	}
	div.DL a.doc:hover {
		text-decoration: none!important;
		background: #DAE9E9 url(../images/DOC.jpg) 0px -25px no-repeat;
	}
img.Border {
	border:#316C62 2px solid;	
	border-top:#316C62 5px solid;
	margin:1px 10px;	
}

div.hometabs {
	width: 530px;
	margin: 10px 34px;
	
	padding: 0!important;

}
	div.hometabs div.theTabs {
		text-align: center;
		margin: 0!important;
		padding: 0!important;
		border-bottom: #CCC 1px solid;
		float: left;
	}
		div.hometabs div.theTabs img {
			float: left;
			margin:0  3px!important;
			padding: 0!important;
		}
	
@charset "UTF-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; list-style:none!important; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* TYPE */
sub, sup {line-height:1em; font-size:.75em;display: -moz-inline-box; display: inline-block; padding: 0; margin:0;}
sub { vertical-align: sub;}
sup { vertical-align: super;}

a { color:#205454; text-decoration:none; outline:none; font-weight:bold; }
a:hover {color: #666666;}
#message a:hover{text-decoration:underline;}
strong, b { font-weight:bold; }
em, i { font-style:italic; }

b i { text-transform:lowercase; letter-spacing:.05em; }

.left {float:left;}
.right {float:right;}


#mainContent p { margin-bottom: 1.3em; }
#mainContent div#message p { margin: .1em 1em 1.3em;color: #4D4D4D;}
#mainContent h1 { font-weight: bold; font-size: 1.5em; line-height: 1.3em; margin:.25em 0 .3em; color:#274D4D;
border-bottom:#225340 1px solid; }
#mainContent h2 { font-weight: bold; font-size: 1.3em; line-height: 1.3em; margin:.25em 0 .3em; color: #408040; }
#mainContent h3 {color:#274D4D; font-weight: bold; font-size: 1.2em; line-height: 1.6em; }
#mainContent h4 { font-weight: bold; font-size: .95em; line-height: 1.4em; }

#mainContent ul { margin:0 20px 18px; list-style: square outside; color:#464F65; }
#mainContent ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; color:#464F65; }

body {
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	background: #339999 url(../images/body_span.jpg) 0px 0px repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	color: #4D4D4D;
	}
 #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/container_span.gif) 0px 0px repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
 #header {
	background: url(../images/header.gif) top center no-repeat; 
	padding: 0 0 10px;
	text-align:right;
	height:111px;
	}
	#topInfo {clear:both; width:900px;}
	#topInfo span{
		color: #333;
		font-weight:bold;
		margin-top:10px;
		font-size:14px;
		padding: 0 15px;
		text-align:left;
		}
	#header a#logo {
		display: block;
		float:left;
		height: 70px;
		width: 350px;
		}
 #header h1 {
	display:none;
	}
	
	 #mainContent {
	      min-height: 500px;
	      
	     }
 #mainContent.full {
	background: url(../images/container_span.gif) 0px 0px repeat-y;
	float:left;
	clear:both;
	width:900px;
	
	
	}
 #mainContent.full .top{
	float:left;
	width:900px;
	height:16px;
	display:block;
	
	}
 #mainContent.full .foot{
	float:left;
	width:900px;
	height:20px;
	display:block;
	margin-top:25px;
	}
 #mainContent.half {
	background: url(../images/container_span.gif) 0px 0px repeat-y;
	float:left;
	clear:both;
	width:900px;
	
	}
 #mainContent.half .top{
	float:left;
	width:900px;
	height:16px;
	display:block;
	
	}
 #mainContent.half .foot{
	float:left;
	width:900px;
	height:16px;
	display:block;
	margin-top:25px;
	}
 #footer {
	margin:0;
	padding:25px 35px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width:830px;
	background: transparent url(../images/footer.gif) top left no-repeat;
	float:left;
	}
 #footer p {
 	color: #333;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
		border-bottom:#666 1px solid;
	}
#footer ul li{
	display:block;
	float:left;
	clear:none;
	width:166px;
	}
	#footer ul li a{ 
		font-size:.8em;
		color:#999999;
		display: block;
		padding: 4px;
		}
		#footer ul li a:hover, #footer ul li a.footTitle:hover{ 
			color:#FFF;
			background-color:#205454;
			}
	#footer ul li a.footTitle{ 
		display: block;
		font-size:.85em;
		color:#666;
		border-bottom:#666 1px solid;
		}
	#footer ul li.main ul {
		display:block;
		float:left;
		clear:left;
		width: 146px;
		}
		#footer ul li.main ul li{
			width:146px;
			}	
	
/* ******************************************** */

/* TOP NAVIGATION */
#headnav {
		clear:none;
	}
	#navbar {
		display:block;
		float:left;
		width: 550px;
		padding-top: 47px;
		}
		#navbar li {
			clear: none;
			float:left;
			font-size:14px;
			}
			#navbar li a {
				color:#FFF;
				display:block;
				letter-spacing:.09em;
				line-height:20px;
				padding: 3px 15px 3px;
				}
				#navbar li a:hover, #navbar li a.hover {
					background-color:#164646;
					color: #CCCCCC;
					display:block;
					line-height:20px;
					border-color: #FFF;
					}
				#navbar li a:hover {
					padding-bottom:3px;
					}
				#headnav ul#navbar li ul {
					display:none;
					position: absolute;
					width:180px;
					clear:both;
					border-right:#205454 1px solid;
					border-left:#205454 1px solid;
					border-bottom:#205454 1px solid;
					background-color:#164646;
					 
					}
					#headnav #navbar li:hover ul  {display:block}
						#headnav #navbar li ul li { 
							float:left;
							clear:both;
							text-align:left;
							margin:0;
							}
							#headnav #navbar li ul li a { 
								font-size: 13px; 
								color: #FFF!important;
								font-weight:normal!important; 
								float:left; 
								font-size:.8em;
								width:150px;
								text-align:left;
								padding:3px 15px 3px!important; 
								margin:0; 
								height: auto!important; 
								}
						#headnav #navbar li ul li a:hover {
							background-color: #E7EFEF!important;
							color:#205454!important;
							font-weight: bold!important;
							border-bottom:#205454 3px solid;
							border-top:#205454 3px solid;
							}



/* -- End Top Navigation -- */

/* mainContent */
#mainContent.half #message {width:600px; float: right; padding: 0 50px 0 0;}
#mainContent.full #message {width:800px; padding: 0 50px;}

a.product {
	height:295px;
	float: left;
	width:160px;
	background:url(../images/productBlock.jpg) 0px 0px no-repeat;
	}	
	a.product img {
	 	display:block;
		margin:9px 4px 3px;
		border-bottom:#205454 2px solid
	}
	a.product span {
		display:block;
		margin:6px 8px 3px;
		}
		a.product span.title {
			font-size:1.3em;
			font-weight:bold;
		}
	a.product:hover {
		text-decoration:none!important;
		color:#333333!important;
		background-position: 0px -296px;
		}
	a.product:hover img {
		border-bottom:#333 2px solid
		}
		
#mainContent.half #sidebar {
	display:block;
	float:left;
	width:250px;
}
	#mainContent.half #sidebar ul {
			list-style:none;
		}
		#mainContent.half #sidebar ul.mainSide {
			width: 214px;
			margin: 0 0 0 11px;
		}
			#mainContent.half #sidebar ul.mainSide li {
				margin: 0 15px;
			}

/* TABLES */
table a,
table a:link,
table a:visited {
	border:none;
	}							
	

table {
	border:2px solid #FFF;
	margin:1em auto;
	border-collapse: separate;
	width:auto;
	font-size:1em;
	line-height:1.5em;
	margin:0px 20px 2em;
	}
caption {
	color: #1D225B;
	font-size:1em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:left;
	}	
tr.thisRow	{
	background-color:#999999;
	color:#000!important
	}
tr.thisRow th, tr.thisRow td	{
	background-color:#999999;
	color:#000!important;
	font-weight:bold;
	}
tr.odd .column1	{
	}	
.column1	{
	}
td, th {border-top:1px solid #FFF;border-left:1px solid #FFF;}
td {
	color:#666;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	padding:.6em 1em;
	text-align: center;
	vertical-align:center
	}				
th {
	font-weight:normal;
	color: #1D225B;
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #333;
	border-right:1px solid #333;
	padding:.6em 1em;
	}		
th.titleRow {
	font-weight:bold;
	color:#1D225B;
	text-align:left;
	padding:0 1em;
	letter-spacing:.25em;
	}					
thead th {
	text-align:left;
	color: #FFF;
	background: #1D225B;
	}	
tfoot th {
	text-align:center;
	background: #333333;
	}	
tfoot th strong {
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	
.bkgd { background-color:#333333;border-color:#333333;}


#message ul.articles {
		padding-left: 15px;
	}
	#message ul.articles li.article {
			margin: 5px 0;
			text-align: left!important;
		}
		#message ul.articles li.article a {
				font-size: 1.2em;
				display: block;
				width: auto;
				float: none!important;
			}
			#message ul.articles li.article span {
					display: block;
				}
				#message ul.articles li.article span.articleDescription {
						font-style: italic;
						color: #000;
					}
#sidebar ul.articles {
		width:auto;
	}
	#sidebar ul.articles li.article {
			margin:5px 0!important;
			padding: 5px 10px!important;
			text-align: left!important;
			background: transparent;
			border-top: #808080 1px solid;
			border-bottom: #808080 1px solid;
		}
		#sidebar ul.articles li.article:hover {
				background: url(../images/sideBar_li_span.jpg) -2px 0px repeat-y;
			}
		#sidebar ul.articles li.article a {
				font-size: 1em;
				display: block!important;
				width: auto;
				float: none!important;
			}
			#sidebar ul.articles li.article span {
					display: block;
					font-size: .85em;
				}
				#sidebar ul.articles li.article span.articleDescription {
						font-style: italic;
						color: #666;
					}
					
/* product lists */
#doc-contents {
	font-family: serif;
}

.lists div.list {
		width: 180px;
		float: left;
		margin: 0px 4px;
		border: #999 1px solid;
	}
	.lists div.list h4 {
			font-size: 1.2em!important;
			border-bottom: #999 1px solid;
			padding: 8px;
		}
	.lists div.list ul.productList {
			list-style: none!important;
			margin: 0!important;
			padding: 0!important;
		}
		.lists div.list ul.productList li {
				margin-bottom: 2px;
				border-top: #999 1px solid;
				border-bottom: #999 1px solid;
				background: #C5D8D9;
			}
			.lists div.list ul.productList li:hover {
					background:#DAE9E9;
				}
			.lists div.list ul.productList li a {
					display: block;
					padding: 3px;
				}
				
.live div.frame {
		height: 500px;
		overflow: auto;
		border: #999 2px solid;
		padding: 5px;
		display:block;
		clear: both;
		width: 100%;
		_width: 96%;
	}
div.DL {
	float: left;
	margin: 0 15px 0 0;
	height: 27px;
	border: #CCC 2px solid;
	border-bottom: none;
}

	div.DL a {
			display: block;
			line-height: 25px!important;
			padding:2px 5px 0 25px;
		}
	div.DL a.doc {
		background: url(../images/DOC.jpg) 0px 0px no-repeat;
		}
	div.DL a.pdf {
		background: url(../images/PDF.jpg) 0px 0px no-repeat;
		}
	div.DL a.pdf:hover {
		text-decoration: none!important;
		background: #DAE9E9 url(../images/PDF.jpg) 0px -25px no-repeat;
	}
	div.DL a.doc:hover {
		text-decoration: none!important;
		background: #DAE9E9 url(../images/DOC.jpg) 0px -25px no-repeat;
	}
img.Border {
	border:#316C62 2px solid;	
	border-top:#316C62 5px solid;
	margin:1px 10px;	
}

div.hometabs {
	width: 530px;
	margin: 10px 34px;
	
	padding: 0!important;

}
	div.hometabs div.theTabs {
		text-align: center;
		margin: 0!important;
		padding: 0!important;
		
		float: left;
	}
		div.hometabs div.theTabs img {
			float: left;
			margin:0 3px!important;
			padding: 0!important;
		}
	div.hometabs div.prodInfo {
		display: block;
		border: #CCC 1px solid;
		min-height: 300px;
		clear: both;
	}
		div.hometabs div.prodInfo span.title {
			font-weight: bold;
			font-size: 1.3em;
			text-transform: uppercase;
			letter-spacing: .15em;
			display: block;
			border-bottom: #CCC 1px solid;
			margin-bottom: .25em;
		}
		div.hometabs div.main {
			background: url(../images/main_mainInfo.jpg) top left no-repeat;
		}
		div.hometabs div.Amphomag {
			background: url(../images/main_amphoInfo.jpg) top left no-repeat;
		}
		div.hometabs div.Magox {
			background: url(../images/main_magInfo.jpg) top left no-repeat;
		}
		div.hometabs div.Thioguard {
			background: url(../images/main_thioInfo.jpg) top left no-repeat;
		}
		div.hometabs div.Aquamag {
			background: url(../images/main_aquaInfo.jpg) top left no-repeat;
		}
		div.hometabs div.Enviroblend {
			background: url(../images/main_enviroInfo.jpg) top left no-repeat;
		}