/* CSS Document */

body{
background:#003882;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
}

a{
color:#003882;
}

#pagetop{
width:740px;
height:22px;
background:url(images/pagetop.jpg);
}

#page{
width:100%;
background:#fff;
padding:0px 0px 0px 0px;
height:920px;
}

#headertop{
width:100%;
height:18px;
background:#b7072a;
}

#headertopblue{
width:490px;
height:14px;
background:#003882;
float:left;
display:inline;
font-size:11px;
color:#fff;
padding:2px 0px 2px 10px;
}

#headertopblack{
width:30px;
height:14px;
background:#000;
float:left;
display:inline;
padding:2px 0px;
}

#headertopred{
width:170px;
height:14px;
background:#b7072a;
float:left;
display:inline;
font-size:11px;
color:#fff;
text-align:center;
padding:2px 0px;
}

#header{
width:680px;
height:14px;
font-size:12px;
padding:80px 10px 6px 10px;
border-bottom:3px solid #003882;
background:url(images/headerbg.jpg) ;
}

#headerbg{
width:100%;
height:100px;
border-bottom:3px solid #003882;
background:url(images/headerbgtile.jpg) ;
}

#header ul{
list-style:none;
margin:0px;
padding:0px;
display:inline;
}

#header ul li{
list-style:none;
margin:0px 10px;
padding:0px;
display:inline;
}

#header ul li a{
color:#003882;
text-decoration:none;
font-size:11px;
}

#leftcolumn{
width:174px;
float:left;
display:inline;
background:#fff;
}

#menutop{
width:156px;
height:97px;
background: url(images/topofmenu.jpg);
border:4px solid #000;
margin:10px 5px;
}

#menu{
width:146px;
border:4px solid #b7072a;
background: url(images/menulogo.gif) top center no-repeat;
margin:10px auto;
padding:64px 5px 10px 5px;
}

#menu ul{
list-style:none;
margin:0px;
padding:0px;
}

#menu ul li{
list-style:none;
margin:0px;
padding:5px;
width:136px;
border-top:1px solid #efefef;
}

#menu ul li a{
color:#003882;
text-decoration:none;
font-weight:bold;
}

#menu ul li ul{
list-style:none;
margin:0px;
padding:0px;
}

#menu ul li ul li{
list-style:none;
margin:0px 0px 0px 7px;
padding:2px;
border-top:0px;
}

#menu ul li ul li a{
color:#003882;
text-decoration:none;
font-weight:normal;
}

#contactbox{
padding:40px 10px 30px 10px;
width:150px;
height:57px;
margin:10px 2px;
background:url(images/contactboxbg.gif);
font-size:10px;
color:#003882;
}

#content{
width:550px;
padding:13px;
float:left;
display:inline;
background:#fff;
}

#content table tr td{
font-size:10px;
}

#content table tr td h1{
font-size:10px;
text-decoration:underline;
font-weight:bold;
}

#content table tr td h2{
font-size:10px;
font-weight:bold;
}

#footer{
width:100%;
height:14px;
background:#b7072a;
font-size:11px;
color:#fff;
text-align:left;
padding:2px 0px;
margin:10px 0px 0px 0px;
}

#footer a{
color:#fff;
}

#pagebottom{
width:740px;
height:14px;
background:url(images/pagebottom.jpg);
}

div.heading{
width:400px;
height:22px;
padding:25px 0px 0px 0px;
font-size:20px;
font-weight:bold;
color:#003882;
background:url(images/headingbg.gif) top left no-repeat;
}

#content p img{
padding:6px;
margin:5px;
border:1px solid #ccc;
}

#content p a img{
margin:5px;
border:0px;
}

#content table tr td.tableheading{
font-size:14px;
font-weight:bold;
color:#003882;
}

.msds{
float:left; 
display:inline; 
margin:6px; 
padding:6px; 
width:100px; 
text-align:center;
border:1px solid #eee;
}

.application{
float:left; 
display:inline; 
margin:10px; 
padding:10px; 
width:80px; 
text-align:center;
border:1px solid #ddd;
font-size:10px;
color:#333;
}

.application img{
margin:0px 0px 5px 0px;
}

.products{
clear:both;
margin:1px;
width:580px;
}

.products img{
float:left; 
display:inline; 
margin:5px; 
padding:5px; 
border:1px solid #ddd;
}

.cleardiv{
clear:both;
display:inline;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
