html, body{ margin:0; padding:0; text-align:center; background: url(bg.gif) top center; font: 13px Verdana;} 
 
#pagewidth{ width:820px; text-align:left; margin-left:auto; margin-right:auto; background: url(page_width.gif) top center repeat-y;} 
 
#header{ position:relative; height:200px; width:820px; background: url(header.jpg) top center no-repeat;} 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:820px;}
#header h1 a{display:block;width:820px;height:200px;}
#header h1 a:hover{display:block;width:820px;height:200px;}
#header h1 span{display:none;}
 
#leftcol{ width:161px; float:left; position:relative; padding: 2px 2px 0px 22px;}
 
#maincol{ float: right; display:inline; position: relative; width:585px; padding: 20px 30px 0px 20px;}
#maincol h1{ color:#51A8FF; font-size: 16px; margin:0px; padding:0px;}
#maincol h2{ color:#51A8FF; font-size: 16px; margin:10px 0px 0px 0px; padding:0px;}
#maincol h3{ color:#51A8FF; font-size: 16px; margin:10px 0px 0px 0px; padding:0px;}
#maincol h4{ color:#51A8FF; font-size: 16px; margin:10px 0px 0px 0px; padding:0px;}
#maincol h5{ color:#51A8FF; font-size: 16px; margin:10px 0px 0px 0px; padding:0px;}
#maincol p{ color:#333333; font-size:12px; line-height: 1.5em;}
#maincol ol{ color:#333333; font-size:12px; line-height: 1.5em;}
#maincol ul{ color:#333333; font-size:12px; line-height: 1.5em;}
#maincol a{ color:#333333;}
#maincol a:hover{ color:#000000; text-decoration:none;}
#maincol img{ float:right; padding: 0px 0px 10px 10px; border:0px;}

#footer{ height:44px; width: 786px; clear:both; background: url(footer.gif) top center no-repeat; margin-left:auto; margin-right:auto; color:#666666; padding: 6px 0px 0px 34px; text-align:left;} 
#footer a{ color:#666666;} 
#footer a:hover{color:#000000; text-decoration:none; } 

#contacts{ background-color:#F2EEE1; line-height:1.7em; padding: 10px 10px 10px 10px; font-size:11px; margin:0px 0px 2px 0px;} 
#contacts a{ color:#000000; text-decoration:none;} 
#contacts a:hover{color:#666666; } 

#base{ width: 786px; clear:both; margin-left:auto; margin-right:auto; color:#666666; text-align:center;} 
#base a{ color:#333333; text-decoration:none;} 
#base a:hover{color:#666666; } 
 
#menucats {list-style: none; margin: 0px; padding: 0px;}
ul#menucats {padding: 0px;}
ul#menucats li{margin: 0px 0px 2px 0px; padding: 0px; display: block; font-family: verdana; font-size: 12px; text-decoration:none; }
ul#menucats li a{height: 19px; width: 149px; display: block; background-color:#DDEEFF; padding: 6px 0px 2px 8px; text-decoration:none; color:#666666; border-left: 4px solid #97CBFF; margin: 0px;}
ul#menucats li a:hover{ margin: 0px; padding: 0px; height: 19px; width: 149px; display: block; background-color:#75BAFF;padding: 6px 0px 2px 8px; text-decoration:none; color:#FFFFFF; border-left: 4px solid #0984FF;}
 
#productscontainer {margin: 0;padding: 20px 0px 0px 30px;font-family: verdana;font-size: 13px;text-align: center; width:540px;}
.productsicon { float:left; text-align: center;}
.productsicon a {padding: 35px;display: block;color: #777;text-decoration: none;width: 100px;height: 180px; background: url(product_icon_back.gif) top left no-repeat;}
.productsicon a:hover{color: #333333;background: url(product_icon_back_hover.gif) top left no-repeat;}
.productsicon a img{text-align: center; width: 100px; margin: 0px 0px 10px 0px;border:1px solid #FFFFFF;}
.productsicon :hover img{text-align: center; width: 100px; border:1px solid #999999; filter:alpha(opacity=80);opacity:.80; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80) }

div.formlayout {width: 400px;background-color: #fffff;padding: 5px;margin: 0px auto; }
 
div.row { clear: both; padding-top: 10px; }

div.row span.label { float: left; width: 120px; padding-top: 4px; padding-right: 4px; text-align: right; }

div.row span.formw { float: right; width: 335px; text-align: left; } 
 
 
 






.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
@media print{ 

#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

